Как сделать адаптивность для IE8

Для создания адаптивности используются медиа-запросы CSS. Но, как известно, в Internet Explorer 8 они не поддерживаются.

Как я писал ранее, крайне не рекомендуется поддерживать старинные IE вообще. Но любителей Эксплорера в XP по-прежнему больше, чем любителей оного в Windows 7 и 8, что видно по статистике использования.
Так почему бы не сделать поддержку мягкого отказа для IE8 с минимальными трудозатратами?

В качестве решения рекомендуют два варианта. Сразу указал нормальные CDN-ки в качестве готового решения.
Respond.js

<!--[if lt IE 9]>
<script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

и css3-mediaqueries.js

<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/livingston-css3-mediaqueries-js/1.0.0/css3-mediaqueries.min.js"></script>
<![endif]-->

И из них работает только Respond.js.
Копируем в head после подключения стилей. И не забываем о html5shiv для поддержки тегов HTML5.

<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

Также будет полезна табличка с напоминанием об устаревшем Ишаке, которую естественно вставляем после открывающего body.

<!--[if IE]>
<p>Пожалуйста, <a href="http://firefox.com">обновите ваш браузер</a> до новой версии.</p>
<![endif]-->

Комментарии читателей

  1. Евгений 03.11.2015
  2. Дмитрий 13.11.2015
    • zooks 15.11.2015

Добавить комментарий