为什么我的Android设备宽度为980px？

Question

我很迷惑.我试图通过播放媒体查询来使网站响应.

根据大多数来源,例如此,所述MEDIQ查询使用的智能手机是max-device-width: 480px和min-device-width: 320px.

但是当我使用这些查询时,我的android 2.x仍然显示该页面的"计算机版本".所以我开始更改查询的值,发现我的手机似乎有980px的设备宽度..

这是为什么？我真的很想掌握这一点,当我使用980时,我确实可以很高兴它的工作,但我想知道发生了什么,为什么？我的意思是我的手机不应该是980px宽或高,这是否是某种像素密度问题？

Answer 1

我知道这个问题很老但是对于未来看过这个问题的人来说,这很可能是因为OP没有设置正确的元标记.将其添加到标题中.

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

Answer 2

您可能想尝试使用max-width而不是max-device-width. 它很可能是像素密度的问题 -max-device-width可能报告设备像素而不是 CSS 像素。

这是一个测试页面：

• http://jsfiddle.net/56XhE/

要真正理解这一点，您需要阅读 Peter-Paul Koch 的“两个视口的故事”：

• http://www.quirksmode.org/mobile/viewports.html
• http://www.quirksmode.org/mobile/viewports2.html

可能还有他关于为移动设备制作 CSS 的建议：

• http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html