css - iPhone 5 模拟器和媒体查询

Question

我在这里看到了关于如何获取 iPhone5 的媒体查询的答案

@media only screen and (max-device-width: 1136px) and (min-device-width: 960px) and (device-height: 640px), only screen and (max-device-height: 1136px) and (min-device -height: 960px) and (device-width: 640px) { / iPhone only / }

问题是，我已经为 ipod touch、iphone4 和 iphone 5 尝试了几个基于网络的模拟器。它们不仅准确。我不拥有任何这些设备，所以我怎么知道 div 是否正确对齐，或者它是否在这些设备上正确显示。

Answer 1

没有任何东西可以代替真实的东西。

请您的一位朋友借用他们的手机，或前往当地的 Apple Store（或零售商）并要求试用手机并访问您的网站进行检查。

如果您在本地开发，请将您的代码复制到http://codepen.io，以便您可以从商店访问。

Answer 2

我想我找到了替代方案。

使用 Google Chrome 检查元素 --> 设置 --> 用户代理。