【发布时间】：2012-02-08 07:46:02
【问题描述】：
我在 Desire HD 上使用媒体查询时遇到了各种各样的问题，因为 Android 浏览器会自动以更高分辨率呈现页面并缩小页面。基本上它认为它的屏幕宽度比它宽得多。
我发现解决这个问题的方法是使用 Meta Viewport 标签来阻止它缩放...
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
起初这似乎有效，因为它触发了正确的媒体查询。手机的水平分辨率为 480px，它正在触发我的 (320px-480px) 媒体查询。
然后我使用一些 javascript 将计算出的视口输出到屏幕...
var windowWidth = $(window).width();
$('div.windowWidthLabel').text("Window Width: " + windowWidth + "px");
计算结果是 369px，我觉得这很奇怪。然后我用一个将最小值和最大值设置为 369px 的媒体查询对其进行了检查，并且它被触发了（至少匹配）。那么为什么原生分辨率是480px，浏览器会认为是369px呢？
任何帮助将不胜感激。
乔恩
【问题讨论】：
-
只需添加一些您可以尝试的内容属性：
minimum-scale=1; user-scalable=0;。
标签： android css media-queries responsive-design