Для создания адаптивности используются медиа-запросы 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]-->
Спасибо большое. Выручили.
А у меня вот упорно не хочет работать!
Было здорово, если бы кто-нибудь скинул реально работающий , ибо сил моих больше нет…
Значит есть ошибки в CSS-файле! Их нужно исправить.