Сетка проблема в IE8 с Unsemantic

Question

Я использую Unsemantic в первый раз, и я забыл проверить свою страницу в IE8. Вот беда: http://canapin.com/web/meteo/

Предполагается, что Unsemantic совместим с IE8, но моя страница испорчена, и я не могу понять, почему.

Любая идея?:(

Answer 1

Как отмечается в трекере проблем, поскольку IE8 не поддерживает медиазапросы, в неманитарной сетке предусмотрена компоновка с фиксированной шириной посредством отдельного включения файла CSS:

<!--[if (lt IE 9) & (!IEMobile)]>
<link rel="stylesheet" href="./stylesheets/ie.css?1389034275" />
<![endif]-->

Обратите внимание на условный комментарий, избегающий отдельного CSS для мобильных версий IE (предполагается, что они поддерживают медиазапросы):

Я полагаю, что вы можете скачать исходный код отдельной CSS здесь: http://unsemantic.com/stylesheets/ie.css

Так что, если вы согласны иметь IE8 с компоновкой фиксированной ширины (и это кажется мне очень разумным), вам не нужно исправлять JavaScript;)

Пока-пока!

Answer 2

Для IE8 и ниже вы должны включить прокладку, которая поставляется с файлами Unsemantic.

Включите следующий код в вашу голову, и все будет в порядке:

<!--[if lt IE 9]>
<script src="./assets/javascripts/html5.js"></script>
<![endif]-->

Итак, просто укажите на файл html5.js, и это должно исправить это. Дайте мне знать, сработало ли это для вас.

Ура, Марвин