Как работает orientation в @media?

Question

[Никита Нафранец]

Если выставить landscape, а ширину как при portait режиме, то как это будет работать? Будут ли выбраны все устройства с шириной в 480px в книжной ориентации перевернутые в альбомную?

Answer 1

[Valery]

codepen.io/anon/pen/VLWWgB?editors=010

Поиграйте с размерами видимой области, посмотрите на поведение.
Portrait — ширина меньше высоты. Landscape — ширина больше высоты.
Ширина — всегда горизонтальное измерение. Если размер экрана равен 480x840, то в альбомной ориентации ширина будет равна 840. Соответственно, стили, прописанные для (max-width: 480px) and (orientation: landscape) при ширине 840 работать уже не будут

Answer 2

[Денис Инешин]

Откройте свой сайт в Фаерфоксе -> Меню -> Разработка -> Адаптивный дизайн. И проверяйте в portrait и landsсape режимах.