Запрос мультимедиа для пейзажного вида

Мне нужен запрос для мобильного iPhone 5 и ландшафтного вида Galaxy S4...

Это мой код, но что-то здесь не в порядке.

@media
(max-width : 800px){
// style
@media (max-width : 360px){
//style

По разрешению 360 evrything ок, что мне нужно ввести для пейзажного вида.

Вот пример.

2 ответа

С этого сайта:

iPhone 5 в ландшафте

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape)
{ /* STYLES GO HERE */
}

Samsung Galaxy S4 Пейзаж (отсюда)

@media screen (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) and (device-width: 1920px) and (orientation: landscape) { /* Your styles here */
}


Используйте device-aspect-ratio для iPhone 5 - он не имеет формата 16: 9. Это на самом деле 40:71.

Только iPhone 5:

@media screen and (device-aspect-ratio: 40/71) and (orientation:portrait) { /*style here*/
}

Только Galaxy S4:

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { /*style here*/
}

licensed under cc by-sa 3.0 with attribution.