我已经完成了对移动屏幕宽度的研究，但有些东西我也没有直接的答案。
以iPhone 4为例，at this site宽度为640px，高度为960px。但它的设备宽度为320px。什么是设备宽度？我正在建立一个响应式网站，这个设备宽度似乎是一个关键部分。设备宽度是否为给定的尺寸，以便网站正确缩放？它比台式机站点小，另外明智的是它们可以扩展到与台式机显示器相同的分辨率？有些正文可以解释相对于实际宽度的设备宽度，如果可能的话，请在响应式网页设计和视口端元标记的上下文中解释。
答案 0 :(得分：0)
这是因为你没有设置视口。更多相关内容：https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag
尝试将此元标记添加到您的头部，它应该可以解决您的问题：
<meta name="viewport" content="width=device-width, initial-scale=1.0">