Iphone 7和7的CSS媒體查詢加

Question

我需要檢查一些額外的特定於iPhone 7的加號，iphone 6 和iphone 7具有相同的物理高度/寬度嗎？ 如果可能請提及媒體查詢。

Answer 1

http://stephen.io/mediaqueries/有特定Apple產品的媒體查詢列表，但您應該儘量避免爲每個設備單獨設計樣式，因爲這會增加您需要編寫的數量。您的問題可能是由於使用瀏覽器而不是特定設備造成的。在爲一個設備造型之前檢查它。

本網站建議它具有與iPhone 6相同的分辨率，因此相同的查詢將同時針對兩者。 https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

iPhone 6肖像&景觀

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */} 

iPhone 6 Plus進行縱向&景觀

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { /* STYLES GO HERE */} 

Answer 2

使用精確的屏幕尺寸不是我會建議的。您將遇到大量屏幕大小會破壞您的佈局。

你應該只是設計，以便它可以在300px之間的任何寬度和說950px。然後考慮所有設備。