如何在媒體查詢中定位 iPhone 5 的獨特寬高比？

iPhone 5 媒體查詢問題

對於 iPhone 5，常規最大設備寬度查詢是不夠的。由於 iPhone 5 擁有更長的螢幕，因此它完全跳過了移動視圖。

要進行調整，請考慮將裝置寬高比納入您的媒體查詢中。有趣的是，iPhone 5 的長寬比不是 16:9，而是 40:71。

@media screen and (device-aspect-ratio: 40/71) {}

這樣，您可以專門針對iPhone 5，同時記住其他iPhone 型號：

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

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

iPhone 6 Plus:
@media screen and (device-aspect-ratio: 16/9) {}

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

透過在媒體查詢中使用裝置寬高比，您可以確保您的網站能夠完美適應不同的iPhone 型號，包括更寬的iPhone 5 及其獨特的長寬比。

以上是如何在媒體查詢中定位 iPhone 5 的獨特寬高比？的詳細內容。更多資訊請關注PHP中文網其他相關文章！