Как правильно составить медиа запрос на примере iPhone 5?

Question

[vasIvas]

Ниже код медиазапроса, который мне подсказали и который в браузерном эмуляторе работает только на половину. То есть, когда эмулятор в портретном режиме, все работает, но в пейзажном вообще ничего не отображается. Пробовал поменять местами значения 71 / 40, но чуда не произошло. И вот получается, что либо эмулятор грубит и изменяет формат, либо я не знаю, как правильно составить медиа-запрос.

@media screen and (device-aspect-ratio: 40 / 71){
	@media all and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) {}

	@media all and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {}
}

Answer 1

[Андрей Хохлов]

Загуглить и попробовать пару вариантов - чего сложного то?
stackoverflow.com/questions/12539697/iphone-5-css-...
stephen.io/mediaqueries/#iPhone
www.paulund.co.uk/ios-media-queries-boilerplate