Почему не работает media?

Question

[drtvader]

Привет!
При тестировании в IE9, столкнулся с проблемой того, что браузер не видит стилей кроме мобильных, т.к. сайт "mobile first".
Сейчас для каждого разрешения записываются так media (min-width:768px)
В чем беда может быть? Точно не режим совместимости, неправильно прописаны медиа?

Могут ли скрипты в идеале блочить загрузку стилей?

Comments

[Ярослав Иванов]

а зачем тестировать адаптив на осле9 ?

[drtvader]

Ярослав Иванов: никакой адаптив не тестируется, не работают стили для десктопа.

[Ярослав Иванов]

drtvader: тогда ссылку давайте. У экстрасенсов сегодня выходной.

Answer 1

[Александр Аксентьев]

В чем беда может быть? Точно не режим совместимости, неправильно прописаны медиа?

Может быть, но без кода никто никогда об этом не узнает.

Если у вас только min-width, то вполне может быть что стили просто все в кучу смешиваются между разными условиями.

Comments

[drtvader]

Код к сожалению пока никак не могу выложить, там порядка 20 тысяч строк сжатых. прописывать max-width тоже пробовал.

Answer 2

[whoisthere]

Для старых браузеров пишите:
@media only screen and (min-width: 768px)

Учтите, что IE не понимает, вложенных media запросов.
Попробуйте включить режим совместимости. Вставьте в HEAD:
<meta http-equiv="X-UA-Compatible" content="IE=9">

Comments

[drtvader]

такой вариант тоже пробовал. Не сработало. Код к сожалению выложить никак.

[whoisthere]

drtvader: пробовали отключить режим совместимости? Написал выше.

[whoisthere]

Точней включить

[whoisthere]

drtvader: и ещё у Вас указан DOCTYPE HTML ?

[drtvader]

whoisthere: тоже пробовал. Не спасло.

[drtvader]

whoisthere: указан