подключение media queries IE8
Вложений: 1
Задача - сделать адаптивную верстку на ИЕ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]--> |
Сделай 960px для IE8 да и не парься. Один фиг на нем сидят со старыми квадратными мониторами (в основной массе)
|
Часовой пояс GMT +3, время: 03:18. |