iPhone 5模拟器和媒体查询

时间:2013-01-19 22:33:14

标签: css responsive-design media-queries iphone-5

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

@media     只有屏幕和(最大设备宽度:1136px)和(最小设备宽度:960px)和(设备高度:640px),     只有屏幕和(max-device-height:1136px)和(min-device-height:960px)和(device-width:640px){     / 仅限iPhone / }

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

2 个答案:

答案 0 :(得分:1)

没有替代真实的东西。

让您的一位朋友借用手机,或者进入当地的Apple Store(或零售商店)并要求试用手机并访问您的网站进行检查。

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

答案 1 :(得分:1)

我想我找到了替代品。

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