我很困惑。我试图通过播放媒体查询来使网站响应。
根据大多数消息来源，例如this，用于智能手机的mediq查询为max-device-width: 480px和min-device-width: 320px。
但是当我使用这些查询时，我的android 2.x仍会显示页面的“计算机版本”。所以我开始更改查询的值，发现我的手机的设备宽度似乎是980px ..
为什么？我真的很想掌握这一点，当我使用980时，我确实可以很高兴它的工作，但我想知道发生了什么，为什么？我的意思是我的手机不应该是980px宽或高，这是否是某种像素密度问题？
答案 0 :(得分：10)
我知道这个问题很老但是对于未来看过这个问题的人来说，这很可能是因为OP没有设置正确的元标记。将其添加到标题中。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
答案 1 :(得分：1)
您可能想尝试使用max-width代替max-device-width。它可能是一个像素密度的东西 - max-device-width可能是报告设备像素而不是CSS像素。
这是一个测试页面：
要真正掌握这一点，你需要阅读Peter-Paul Koch的“两个视口故事”：
可能他建议为移动设备做CSS：
答案 2 :(得分：0)
请参阅以下网址，了解与设备宽度相关的信息：
http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml