我的LG Optimus One手机的分辨率为320x480。然而,只有最大宽度为800px的媒体查询(并且每个人都知道320 = 800!)都会在该移动设备上触发。
有任何解释吗?
答案 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?