元视口在Android手机上正常工作？

我在Desire HD上使用媒体查询时遇到了各种各样的问题，因为Android浏览器会自动呈现更高分辨率的页面并缩小页面。基本上它认为它有比它更宽的屏幕宽度。元视口在Android手机上正常工作？

我发现，解决，这是阻止它缩放使用中继检视区标记......

<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？

任何帮助真的不胜感激。

乔恩

2012-01-11 jonhobbs

只需添加一些更多的内容属性，你可以试试：'minimum-scale = 1;用户可扩展= 0;'。 – dom 2012-01-12 02:24:37

没有找到这一个确切的答案，但我发现这是最好不要与设备的确切resultions工作，当涉及到媒体查询无论如何，只是调整媒体查询，直到内容长相正确:)

2012-08-06 09:59:29 jonhobbs

回答