元視口在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

回答