1

Ставлю 1 media query - работает. Но когда их много - не работают!

Код такой:

@media screen and (max-width: 1280px) and (max-height: 1024px) {...}

@media screen and (max-width: 1366px) and (max-height: 768px) {...}

@media screen and (max-width: 1400px) and (max-height: 1050px) {...}

@media screen and (max-width: 1440px) and (max-height: 900px) {...}

Во время проверки их - они работают. Но когда например после 5-го возвращаюсь к первому, второму - не работают. Как будто вообще стиль не задан.

Кто знает, с чего так может быть?

UPDATE

Использую IE8 и css3-mediaqueries.js

1 ответ 1

1

Попробуйте изменить порядок описания -- от конца к началу:

@media screen and (max-width: 1440px) and (max-height: 900px) {...}

@media screen and (max-width: 1400px) and (max-height: 1050px) {...}

@media screen and (max-width: 1366px) and (max-height: 768px) {...}

@media screen and (max-width: 1280px) and (max-height: 1024px) {...}
2
  • проблема такая: Допустим я написал 4-5 правил с одинаковой шириной, но разными высотами 1280х720, 1280х768, 1280х800, 1280х900 и допустим для каждого даны высоты 50, 100, 150, 200 соответственно. Тогда для первого вместо 50, отображает 200. Путается как бы. При том в условии я пишу и ширину и высоту. Вот в чем проблема?
    – navi1893
    31 мар 2014 в 12:23
  • никто не подскажет?
    – navi1893
    31 мар 2014 в 17:26

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.