媒体查询很奇怪

时间:2011-11-07 11:19:49

标签: media-queries

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

有任何解释吗?

3 个答案:

答案 0 :(得分:5)

解释是max-width查询会触发更小的所有尺寸,而不是指定的最大宽度。如果您想将样式表限制为800px +,则需要使用最小宽度为800px。

答案 1 :(得分:2)

您必须在头部中使用此代码:

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

答案 2 :(得分:0)

@mike嗯,我怀疑你可能会错过你的声明。这应该告诉浏览器将其视口大小调整为屏幕宽度(即:320px),而不是默认提供的(任意)桌面屏幕宽度(即:800px)。

以下主题可能有助于解释这个问题: Android browser reporting the wrong screen size?