iPhone 4和4s的媒体查询

Question

我们可以在css中区分4到4吗？我在以下代码中遇到了问题，请帮忙修复。

/* iphone 4S retina landscape, 3.5inch */
@media only screen and (-webkit-min-device-pixel-ratio : 2) and (device-aspect-ratio: 2/3) and (orientation : landscape) {
}

/* iphone 4S retina portrait, 3.5inch */
@media only screen and (-webkit-min-device-pixel-ratio : 2) and (device-aspect-ratio: 2/3) and (orientation : portrait) {
}

/* iphone 4 landscape, 3.5inch */
@media only screen and (-webkit-min-device-pixel-ratio : 1) and (device-aspect-ratio: 2/3) and (orientation : landscape) {
}

/* iphone 4 portrait, 3.5inch */
@media only screen and (-webkit-min-device-pixel-ratio : 1) and (device-aspect-ratio: 2/3) and (orientation : portrait) {
}

Answer 1

在iPhone4和4s的网络浏览器中，没有区别，因此4和4s具有相同的css媒体查询。

事实上，4和4之间最不同的是，4s比4更快。

Answer 2

我想回答与Billy Yeah的回答相反的问题，我认为基于使用Browserstack的Live功能，iPhone4和4s之间的网络浏览器存在差异。这可能是因为iPhone4在iOS4上运行，而iPhone 4S在iOS 5.1或iOS6上运行。

iPhone4不会加载iPhone 4S所做的许多网页字体，也会以不同的方式呈现其他内容。

如果有任何建议，我仍然在寻找媒体查询来区分这两者！