@media экран для портрета и пейзажа

Question

@media экран для портрета и пейзажа

0

Я использую отзывчивый шаблон для создания веб-сайта, и я хочу настроить некоторые его части для портретных и пейзажных экранов (например, в iPhone). Поэтому я пишу в css

@media screen and (max-width: 320px) {...}

и после этого

@media screen and (max-width: 480px) {...}

Я тестирую свой сайт с помощью эмулятора, но в обоих случаях запускается второе правило.. почему? я скучаю?

yaylitzis 11 нояб. 2013, в 14:24

Источник

Теги:

html

css

media-queries

1 ответ

Ещё вопросы

HasanAboShally · Answer 1 · 2013-11-11T11-23-00.000Z

Да,

Потому что, если ширина составляет 240, например:

240 <= 320, затем срабатывает 1-й.

а также

240 <= 480, тогда срабатывает 2-й.

Пожалуйста, используйте min-width в дополнение ко второй :)

Вы также можете использовать встроенный portrait и landscape:

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)

@yaylitzis, пожалуйста, пометьте это как правильный ответ, если вы думаете, что он отвечает тому, что вы хотели :)