css - 为什么我的 Android 设备宽度为 980 像素？

Question

我很困惑。我正在尝试通过播放媒体查询来使网站具有响应性。

根据大多数消息来源，例如this，用于智能手机的 mediq-query 是max-device-width: 480pxand min-device-width: 320px。

但是当我使用这些查询时，我的 android 2.x 仍然显示页面的“计算机版本”。所以我开始更改查询中的值并注意到我的手机似乎有 980px 的设备宽度..

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

score 18 · Accepted Answer

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

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

score 2 · Accepted Answer

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

这是一个测试页面：

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

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

score 0 · Accepted Answer

有关设备宽度的信息，请参阅以下 URL：

3 回答 3