移动分辨率和CSS纵横比

我正在使用RWD构建web应用程序。我写过不同分辨率的媒体查询，比如1024、768和320

我使用下面的元标记来决定页面宽度

<meta  name="viewport" content="width=device-width, initial-scale=1" />

很少有设备，例如分辨率为-1136×640的iPhone 5。当我在iPhone上打开我的网页时，它以横向模式显示320的布局，分辨率显示它的1136px宽

我知道它的CSS像素比为2，但不确定CSS像素比、媒体查询宽度和设备分辨率计算之间的逻辑

是否有任何文章或链接解释了这一点，并说明了为什么它在iPhone上显示320布局

---

感谢高级版。

尝试使用此元声明：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

这会禁用缩放功能吗？添加此元声明后，将呈现什么布局？它仅禁用缩放，默认浏览器分辨率仍为320，而屏幕实际分辨率为640（在iphone4/5上）。这是关于此的文章。您希望得到什么结果，还显示一些代码。。