İPhone 5 daha uzun bir ekran var ve web sitemin mobil görünümü yakalamak değil. Ne yeni duyarlı tasarım, iPhone 5 için sorgular ve mevcut iPhone Sorgu ile birleştirebilir miyim?

Mevcut medya benim sorgu bu

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

Başka bir medya özelliği device-aspect-ratio.

Bu notuiPhone 5 16:9 en boy oranı yok. Aslında 40:71.

iPhone < 5:< / ^ br . @media screen and (device-aspect-ratio: 2/3) {}

iPhone 5:< / ^ br . @media screen and (device-aspect-ratio: 40/71) {}

iPhone 6:< / ^ br . @media screen and (device-aspect-ratio: 667/375) {}

iPhone 6 Artı:< / ^ br . @media screen and (device-aspect-ratio: 16/9) {}

iPad:< / ^ br . @media screen and (device-aspect-ratio: 3/4) {}

Referans:< / ^ br . Media Queries @ W3C < / ^ br . iPhone Model Comparison < / ^ br . Aspect Ratio Calculator