我正在使用RWD构建Web应用程序。我已经为不同的分辨率（例如1024,768和320）编写了媒体查询。
我正在使用下面的metatag来决定页面宽度
<meta name="viewport" content="width=device-width, initial-scale=1" />
很少有设备，例如iPhone 5的分辨率为 - 1136×640。当我在iPhone中打开我的网页时，它以横向模式显示320布局，其分辨率为1136px宽。
我知道它的CSS像素比为2但不确定CSS像素比，媒体查询宽度和设备分辨率计算之间的逻辑。
是否有任何文章或链接可以解释这一点，并说明为什么它会为iPhone显示320布局。
先谢谢。
答案 0 :(得分：1)
请尝试使用此元声明：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">