2

У меня есть скриншоты внизу. Я пробовал следующие советы от IE8 issue with Twitter Bootstrap 3 безрезультатно. Я попытался добавить response.js, добавив метатег <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> и гарантирую, что моя разметка верна. Я также обеспечил загрузку html5shiv и response.js. Любая идея, что я делаю неправильно?Rails 4 Bootstrap 3 Проблема с заголовком в IE 8

Соответствующий код

<head> 
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <%= stylesheet_link_tag "application", :media => "all" %> 

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements --> 
    <!--[if lt IE 9]> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script> 
    <script src="../../vendor/assets/js/respond.js"></script> 
    <![endif]--> 
</head> 

<body> 
    <header class="navbar navbar-inverse navbar-static-top" role='navigation'> 
    <div class='navbar-header'> 
     <a class="navbar-brand" href="/">Byrex</a> 
    </div> 
    <ul class="nav navbar-nav">  
    </ul> 
    <ul class="nav navbar-nav navbar-right"> 
     <li class="dropdown"> 
     <ul class="dropdown-menu"> 
      <li></li> 
      <li></li> 
     </ul> 
     </li> 
    </ul> 
    </header> 
</body> 

Ожидаемые/Все другие браузеры

Other Browsers

IE 8

IE 8

ответ

2

Вы можете попробовать использовать другие источники ваших сценариев (и Шив 3.7):

<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script> 
+0

Обновление скриптов для использования CDN решило мою проблему. Я предполагаю, что обновление html5shiv с 3.6.1 до 3.7 исправило проблему. IE 8 - гигантский (и уродливый) черный ящик для меня. – Josh

+0

Отлично! Я обновил свой ответ. Да, поддержка IE8 меня тоже раздражает. – AWM

0

IE 8 просто сдувает, но, как говорится, это может помочь, если вы включите вызовы для если браузер IE8 -

<!--[if IE 8]> 
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script> 
<script src="../../vendor/assets/js/respond.js"></script> 

я удалил «LT», потому что в недавнем опыте , Я должен был сделать это, чтобы IE8 распознал его. Вы также можете использовать пользовательские переопределения между этими тегами, чтобы исправить любую другую глупость IE8.

+0

Я дам ему идти, но я могу видеть, что скрипты загружаются в поджигатель, так что я не думаю, что это проблема. Я отредактирую вопрос, чтобы это отразить. – Josh

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