視口元標記寬度=設備寬度不適用於Android 4.2？

Question

我正在建立一個響應式網站。爲了使網站適合移動瀏覽器窗口，我在標題中添加了以下元標記： <meta name="viewport" content="width=device-width"> 這在我的S5默認瀏覽器下正常工作。

但是，它在我的S3默認瀏覽器下無法正常工作=>縮放級別太高（約x2）。

我嘗試添加比例這樣的值，但它並沒有解決這個問題： <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

我注意到，我的S3，以下的作品，但打破我的S5網站： <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5">

如何我可以在兩部手機上使用它嗎？

感謝

托馬斯

Answer 1

嘗試使用JavaScript來識別Android版本和操縱元。這對我有效。改變寬度=不會給我一致的結果。

viewport = document.querySelector("meta[name=viewport]"); 
viewport.setAttribute('content', "width=device-width, initial-scale=" + window.devicePixelRatio + ", maximum-scale=" + window.devicePixelRatio + ", minimum-scale=" + window.devicePixelRatio); 

但是，請注意，當使用百分比代替像素時，更改比例尺可能會導致某些定位問題。