Задача - сделать адаптивную верстку на ИЕ8. ИЕ8 нативно не поддерживает @media.
Пытался проблему решить с помощью
https://code.google.com/p/css3-mediaqueries-js/ ( в описании сказано Usage: just include the script in your pages - подключив скрипт на страницу, у меня ничего не происходит, возможно его надо настраивать, но мои познания в JS этого сделать не позволяют )
Попробовал второй способ используя скрипт ( прикрепил ). Суть в том, что отдельно делаются файлы .css под разные расширения, и скрипт их подключает.
НО, у него есть один существенный для меня недостаток. Эти стили он подключает только при
ресайзе окна. Т.е. если браузер запущен с расширением 800px, то он подгрузит основной css, и не подгрузит 800px.css. А вот при ресайзе окна, он уже будет погружать нужные .css
Вот код подключения
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet/less" type="text/css" href="css/styles.less" />
<script src="less.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="css/styles-ie.css" title="default">
<link rel="alternate stylesheet" href="css/wide1016.css" title="wide1016">
<link rel="alternate stylesheet" href="css/wide800-1015.css" title="wide800-1015">
<link rel="alternate stylesheet" href="css/wide800-899.css" title="wide800-899">
<link rel="alternate stylesheet" href="css/wide799.css" title="wide799">
<script src="js/dynamiclayout.js" type="text/javascript"></script>
<![endif]-->