Показать сообщение отдельно
  #1 (permalink)  
Старый 30.07.2013, 15:07
Аспирант
Отправить личное сообщение для dikucher Посмотреть профиль Найти все сообщения от dikucher
 
Регистрация: 18.04.2013
Сообщений: 51

подключение media queries IE8
Задача - сделать адаптивную верстку на ИЕ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]-->
Вложения:
Тип файла: zip dynamiclayout.zip (1.1 Кб, 6 просмотров)
Ответить с цитированием