iphone - Iphone 7 和 7 plus 的 CSS 媒体查询

Question

<分区>

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 */}