针对Iphone 7和7 plus的CSS媒体查询

针对Iphone 7和7 plus的CSS媒体查询,iphone,html,css,media-queries,Iphone,Html,Css,Media Queries,我需要检查一些特定于iPhone7和7 plus的附加CSS,iPhone6呢 iphone 7的物理高度/宽度是否相同? 如果可能,请提及媒体查询。我不建议使用精确的屏幕尺寸。您将遇到大量屏幕尺寸,这些尺寸将破坏您的布局 你应该设计成在300px和950px之间的任意宽度上工作。然后考虑所有设备。有一个特定苹果产品的媒体查询列表,但是你应该尽量避免为每个设备单独设计样式,因为这会增加你需要编写的数量。您的问题可能是由正在使用的浏览器而不是特定设备引起的。在为一个设备设置样式之前,请检查该选项

我需要检查一些特定于iPhone7和7 plus的附加CSS,iPhone6呢 iphone 7的物理高度/宽度是否相同?
如果可能,请提及媒体查询。

我不建议使用精确的屏幕尺寸。您将遇到大量屏幕尺寸,这些尺寸将破坏您的布局

你应该设计成在300px950px之间的任意宽度上工作。然后考虑所有设备。

有一个特定苹果产品的媒体查询列表,但是你应该尽量避免为每个设备单独设计样式,因为这会增加你需要编写的数量。您的问题可能是由正在使用的浏览器而不是特定设备引起的。在为一个设备设置样式之前,请检查该选项

该网站表示,它的分辨率确实与iphone6相同,因此相同的查询将针对这两者

iPhone 6在纵向和横向中的应用

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */}
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { /* STYLES GO HERE */}
iPhone 6 Plus在纵向和横向中的应用

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

你从哪里得到300px-950px的尺寸?你知道它是从哪里来的:P