Не работают media query в IE9

277
31 января 2017, 20:15

Привет!
Верстка mobile first, поэтому грузятся только мобильные стили. Отчего-то не работают media в 9ке, что сделано:
1.

@import "concat-less/bem.mobile.less";
// 600+
@media (min-width: 600px) {
   @import "concat-less/bem.tablet.less";
}
// 960px and (not handheld) - десктопы (4 колонки)
@media (min-width: 960px) {
    @import "concat-less/bem.desktop.min.less";
}
// 1025px - планшеты и десктопы (4 колонки)
@media (min-width: 1025px) {
    @import "concat-less/bem.desktop.less";
}
// максимальная ширина контейнера 1280
@media (min-width: 1280px) {
    @import "concat-less/bem.desktop.big.less";
}
  1. < meta http-equiv="X-UA-Compatible" content="IE=9" >

В эмуляторе 9ки в IE11 все хорошо, в реальной 9ке все плохо.
Что делать еще можно? Могут ли скрипты быть виновны в этом?

Answer 1

Потому что у вас Less-файлы, а не CSS. Скомпилируйте Less и будет вам счастье.

READ ALSO
Некорректное отображение HTML письма на iOS

Некорректное отображение HTML письма на iOS

ЗдравствуйтеПодскажите, пожалуйста, в чем может быть косяк

260
Ограничение достпу к файлу для всех программ, кроме одной

Ограничение достпу к файлу для всех программ, кроме одной

Здравствуйте, пишу программу для возможности задания ограничения на открытие файла для всех программ, кроме определенной (по возможности...

473
Кэшированый делегат в C#

Кэшированый делегат в C#

Что значит фраза "делегат кэшируется" в этом контексте (и вообще, что такое "кэшированный делегат и для чего он):

342