2

У меня есть сайт, на котором запущен Bootstrap 3 и отлично работает на всех браузерах, кроме IE8. Это проблема, когда медиа-запросы не поддерживаются, поэтому контент растягивается, как если бы он запускался на мобильном устройстве.Bootstrap 3 с response.js и html5shiv.js все еще не работает на IE8

Я попытался включить response.js, html5shiv.js и html5shim из Google. Также включен meta http-equiv-tag. Запросы в средствах массовой информации по-прежнему не работают.

Кроме того, я знаю, что response.js не работает локально из-за его xmlHttpRequest-thingy, но этот сайт работает на веб-сервере.

Я также убедился, что найдены как response.js, так и html5shiv.js, и ссылки не нарушены.

Любые идеи?

+0

Я понял это. Должен был включить невосприимчивый файл css. Будет опубликован принятый ответ как можно скорее. – Mattias

ответ

3

Хорошо, поэтому невосприимчивый файл css не был именно тем, что мы искали. Однако мы обнаружили, что проблема:

IE8, похоже, не нравится @ import-property.

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

Странно, однако, правильная настройка стиля бутстрапа (кнопки, фоны и т. Д.) Была импортирована должным образом. Сетка не была. Думаю, Internet Explorer работает загадочно и заторможенно.

+0

Это была моя проблема. После добавления всех стилей в application.css.scss через конвейер ресурсов (я использую рельсы) * = требует, чтобы style.css работал отлично. Спасибо за головы !!!! – mahatmanich

1

У меня была та же проблема. В моем случае это режим QUIRKS, который испортил его. IE может быть вынужден перейти в режим Quirks путем замены стандартного (Bootstrap 3,0 рекомендуется):

<!DOCTYPE HTML> 

в

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+2

Никогда не возвращайтесь к html4, вы с ума сошли? – mahatmanich

+0

Вы правы. Другая версия может быть более подходящей. Это устранило проблему, хотя ... лучше сделайте это html5 – patrick

+0

Ты спас мне жизнь! Я все еще удивляюсь, как Microsoft может выпускать такую ​​часть программного обеспечения. – ledfusion

0
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <!-- Bootstrap core CSS --> 
    <link href="css/modern-business.css" rel="stylesheet"> 
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet"> 
    <link href="css/bootstrap.css" rel="stylesheet" media="screen"> 
    <script src="js/jquery.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <script src="js/modern-business.js"></script> 
    <!--[if lt IE 9]> 
     <script src="js/html5shiv.js"></script> 
     <script src="js/respond.js"></script> 
    <![endif]--> 
    </head> 

если вы хотите попробовать в местном ... попробуйте через локальный хост , или создать QA-сервер и установить контент и попробовать. нам нужно ответить.js для bootstrap 3, и он не будет работать на локальном компьютере, если мы просто поместим его в js и добавим его в html в заголовке. Он скажет, что доступ запрещен. работает только через сервер, т. Е. Имеет ограничение безопасности. : P

1

Всегда загружайте следующие скрипты после погрузка jQuery.

Особенно в WordPress и других структур некоторые люди, как правило, включают в себя Jquery непосредственно перед закрывающим тегом, и поэтому после html5shiv.js и respond.js скрипт, который вызывает проблемы в IE8

<!-- Include first --> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<!--[if lt IE 9]> 
    <script src="js/html5shiv.js"></script> 
    <script src="js/respond.js"></script> 
<![endif]--> 
+0

nope не работает. – Mukus