为什么我的Android设备宽度为980像素？
我很困惑。我试图通过播放媒体查询来使网站响应。为什么我的Android设备宽度为980像素？
根据大多数来源，例如this，用于智能手机的mediq查询是max-device-width: 480px和min-device-width: 320px。
但是当我使用这些查询时，我的android 2.x仍然显示页面的“计算机版本”。所以我开始更改查询的值，并注意到我的手机似乎具有980像素的设备宽度。
为什么？我真的很想掌握这一点，当然我可以在使用980时感到满意，但我想知道发生了什么，为什么？我的意思是我的手机在这方面不应该是980像素宽或高，是像素密度问题吗？
您可能需要使用的max-width代替max-device-width尝试。这可能是一个像素密度的东西 - max-device-width可能会报告设备像素，而不是CSS像素。
这是一个测试页面：
真正得到这个句柄，你要读彼得 - 保罗科赫提出的“两个视口的传说”：
而且可能是他做的移动设备CSS推荐：
为我解决了这个问题，谢谢你提供这些有用的链接！ – Millenjo 2013-04-08 10:57:18
@Millenjo：非常好。是的，''标签是我在编写移动CSS时保持清醒的唯一方式（尽管我只是使用''，我认为'最大比例= 1'禁用用户缩放，默认情况下我不想这样做）。你非常欢迎，这是一个令人困惑的领域：花了我很长一段时间来让我的头靠近它。要记住的关键是设备像素（即设备屏幕上的一个物理像素）不一定与一个CSS像素相匹配。 – 2013-04-08 12:06:32
我知道这个问题是旧的，但对于未来的人谁看这个，这是最有可能的，因为造成OP没有设置适当的元标记。将此添加到标题。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
不是，您是否添加视口元标记存在问题。它与最大宽度和最大设备宽度之间的差异有关。 – dramzy 2015-07-07 16:48:15
修复了我的问题！ ：d – 2017-02-12 01:30:34
你正在测试什么样的手机型号和Android版本？ – 2013-04-08 10:38:39
HTC欲望高清跑步2.3.5 – Millenjo 2013-04-08 10:39:20
但我认为这个问题也存在于iphone 4上，不知道操作系统版本。 – Millenjo 2013-04-08 10:39:43