媒体查询的怪异

Question

我的LG Optimus One手机的分辨率为320x480。然而，只有媒体查询的最大宽度为800px（并且每个人都知道320 = 800！）会在该移动设备上触发。

任何解释？

Answer 1

@mike嗯，我怀疑你可能会遗漏你的声明。这应该告诉浏览器将它的视口大小调整为屏幕宽度（即：320px），而不是其作为默认（即：800px）提供的（任意）桌面屏幕宽度。

以下线程可能有助于阐明这个问题一些轻： Android browser reporting the wrong screen size?

Answer 2

的解释是，最大宽度查询触发各种规模小比指定最大宽度。如果您想将样式表限制为800px +，则需要使用最小宽度800px。

Answer 3

你必须使用这个代码在头部分：

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