т. Е. 10 мышление мобильной версии при расширении

По какой-то причине, то есть 10 балов всех адских браузеров думают, что bootstrap nav bar уже является мобильной версией. Как это может быть, когда на ПК для ПК работает orignal bootstrap.com.т. Е. 10 мышление мобильной версии при расширении

 <nav class="navbar navbar-inverse" role="navigation"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 

     </div> 

     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse navbar-ex1-collapse"> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Managers</a></li> 

      <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Employees <b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">View Employees</a></li> 
       <li><a href="#">Access Rights Templates</a></li> 
       <li><a href="#">Update Authorisation</a></li>   

      </ul> 
      </li> 


      <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Orginisation <b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Leave Request List</a></li> 
       <li><a href="#">eForms Teamplates</a></li> 
       <li><a href="#">Organisational Chart</a></li> 
       <li><a href="#">User Lincenses</a></li> 

      </ul> 
      </li> 

      <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Application <b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Application Parameters</a></li> 
       <li><a href="#">Audit Trail</a></li> 
       <li><a href="#">Leave Request Configuration</a></li> 
       <li><a href="#">Sickness Absence Configuration</a></li> 
       <li><a href="#">Triggered eForms Configuration</a></li> 
      </ul> 
      </li> 




     </ul> 

     <ul class="nav navbar-nav navbar-right"> 
      <li><a href=""><span class="glyphicon glyphicon-comment"></span> My Tasks</a></li>  


      <li><a href=""><span class="glyphicon glyphicon-comment"></span> Login</a></li> 

      </ul> 
      </li> 
     </ul> 
     </div><!-- /.navbar-collapse --> 
    </nav>

У кого-нибудь есть идея, почему?

источник

2013-11-11 rogue39nin

1) Подтвердите режим браузера (режим стандартного режима? Режим совместимости?). 2) Используйте инструменты F12 dev для проверки применяемого CSS; сравнить результаты в IE и других браузерах, чтобы узнать, что по-другому. 3) Приведите пример JSFiddle, демонстрирующий проблему. 4) Прекратите говорить о том, что IE является проклятием ада: как вы говорите, он отлично работает на сайте Bootstrap, поэтому явно не IE, который виноват здесь. Повторение и обвинение в инструментах просто усложняет себе возможность выходить за рамки этого и найти проблему. – Spudley

Хотел бы я отметить вас, так как ответила по какой-то причине мой браузер поместил свое «я» в режим работы с обычным документом в Интернете 7? Как это может случиться, что я использовал репсоновский сайт для тестирования блэсеров, которые могли бы это сделать, если бы вы могли добавить правильный ответ и плохо отметили свое как правильное ;-) – rogue39nin

уверен, я отправлю ответ :) держись .... – Spudley

Проверьте режим браузера - это в стандартном режиме? совместимый режим? режим quirks?

Если это что-то иное, чем стандартный режим, то вы нашли проблему.

Решения:

Чтобы избежать это происходит в режиме совместимости, убедитесь, что у вас есть действительный DOCTYPE в верхней части HTML-кода:
```
<!DOCTYPE html> 
```
Чтобы избежать это происходит в совместимости убедитесь, что в вашем коде установлен метатег X-UA-совместимый, и установите, чтобы IE перешел в стандартный режим:
```
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
```
Обратите внимание, что IE имеет параметры конфигурации, которые могут сообщать по умолчанию режим совместимости, особенно при просмотре локальных сайтов интрасети. Это часто вылавливает разработчиков, которые используют свой собственный компьютер для тестирования сайта. Вышеупомянутая строка должна решить эту проблему, обычно это не будет происходить для пользователей, получающих доступ к вашему сайту удаленно через Интернет, но в любом случае хорошо убедиться.

Возможно, вы захотите проверить настройку конфигурации на своем ПК и отключить его, если он снова вас поймает в будущем.

источник

2013-11-11 14:27:31 Spudley

Спасибо, что я благодарен, что смотрел бы на это – rogue39nin

т. Е. 10 мышление мобильной версии при расширении

ответ

Смежные вопросы