元視口在Android手機上正常工作？

Question

我在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，我認為這很奇怪。 然后，我使用將min和max設置為369px的媒體查詢進行了檢查，並觸發了該查詢（至少匹配）。 那么，當本機分辨率為480px時，為什么瀏覽器會認為它是369px？

任何幫助將不勝感激。

喬恩

Answer 1

找不到確切的答案，但是我發現在媒體查詢方面最好不要使用確切的設備結果，只要調整媒體查詢，直到內容看起來正確即可:)