Черный Корсар
Собственно столкнулся с такой проблемой:
Есть хтмл страница, которая имеет резиновую верстку, есть 2 css файла, один под разрешение монитора 1024px а второй - все что больше 1024px.
Изначально пробовал их подключить к странице так:
<link media="(max-width:1299px) and (min-width:0px)" rel="stylesheet" type="text/css" href="style.css"/>
<link media="(min-width:1300px)" rel="stylesheet" type="text/css" href="style2.css" >
Работает в опере\сафари\фф\хроме. Выделяется IE, не подключает ни один, ни другой css.
Сделал по другому: 1 css файл, в нем примечание:
@media screen and (min-width: 1300px) { бла-бла-бла }
Работает везде, но IE опять выделяется.
При разрешение экрана 1024px у 2-х блоков стиль
style {display:none;} а при большем разрешениее, у этих блоков style {display:block;} Этого IE тоже не понимает, и при большом разрешении экрана эти блоки не отображает.
Как сделать так, что бы IE либо подключал 2 разных css, в зависимости от разрешения экрана, или обращал внимание на @media screen and (min-width: 1299px) { бла-бла-бла }
undefined
Может быть скриптом?
if ($(window).width() > 1300) element.addClass(classname);
else element.removeClass(classname);
и повесить это на ресайз и загрузку документа.