手机屏幕设备宽度答案

【问题标题】：Mobile Screen Device Width手机屏幕设备宽度
【发布时间】：2014-01-10 07:51:29
【问题描述】：

我已经对手机屏幕宽度进行了研究，但有些东西我也不能直接给出答案。

以 iPhone 4 为例，at this site 宽度为 640 像素，高度为 960 像素。但是它的设备宽度为 320 像素。什么是设备宽度？我正在制作一个响应式网站，这个设备宽度似乎是一个关键部分。设备宽度是否给定尺寸，以便网站正确缩放？它比桌面站点更小，否则它们会缩放到与桌面显示器几乎相同的分辨率？能否请一些机构解释与实际宽度相关的设备宽度，并在可能的情况下在响应式网页设计和视口元标记的上下文中解释。

【问题讨论】：

有一个物理尺寸。有一个以像素为单位明确说明的设备宽度，与设备的宽度不同。此外，虽然测试我知道当我要求手机成为实际比例时屏幕变成这个宽度。我只是想要一些网页设计方面的信息
Responsive Design Mobile and Desktop的可能重复

标签： device-width

【解决方案1】：

这是因为您没有设置视口。更多信息在这里：https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

尝试将此元标记添加到您的 head 部分，它应该可以解决您的问题：

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

【讨论】：