Twitter Bootstrap 320andup Реализация - PullRequest
Новая
       8

Twitter Bootstrap 320andup Реализация

2 голосов
/ 02 апреля 2012

Я создаю сайт с помощью Twitter Bootstrap , но обнаружил, что медиазапросы не работают ни с чем ниже IE9 (к сожалению, мой целевой браузер). По этой причине я использую бутстрап (для адаптивной сетки масштабирования) довольно бесполезно.

Я рассматривал реализацию адаптивного шаблонного кода Энди Кларка 320 и выше в начальной загрузке для общей лучшей общей поддержки на стороне IE. (Или аналогичные шаблоны)

Кто-нибудь сталкивался с примерами того, как это делается в Интернете или на Github? (без подобных SASS, HAML и т. д. или специально созданных для CMS). У меня есть идея, как я собираюсь это сделать, но я не уверен, что это пустая трата времени, и я хотел бы посмотреть, удастся ли объединить оба инструмента.

Ответы [ 3 ]

2 голосов
/ 03 апреля 2012

@ fitzilla ... Я не мог понять, как добавить дополнительные комментарии, поэтому я надеюсь, что вы найдете это. Я только что проверил мой сайт в режиме IE7 и IE8, и оба работают. Сделайте просмотр источника на начальной странице - вы увидите дополнительный хак для IE7 и IE8 ... 

<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Тогда проверь свои включения и мои и посмотри, совпадают ли они. Я полагаю, что реакция на загрузку должна происходить после обычного файла начальной загрузки css.

1 голос
/ 03 апреля 2012

Respond.js заставит Bootstrap работать как для IE7, так и для IE8 - по крайней мере, используя инструменты разработчика ( F12 ) IE9.На моем тестовом сайте (http://ReactiveWebDesign.Net я включаю respond.js прямо перед jQuery ... первый включенный файл .js

1 голос
/ 03 апреля 2012

Для того, чтобы медиа-запросы работали в старых браузерах (IE7 и 8), вам необходимо включить в текст документа полифил, такой как response.js , для поддержки этих методов. Только что заметил, что фреймворк 320andup использует тот же polyfill, что вы можете легко включить его в проект начальной загрузки.

Вот тестовая страница, которую вы можете использовать для проверки запросов в IE7 и 8:

http://chrisjacob.github.com/Respond/

...