视口元标记宽度=设备宽度不适用于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); 

但是，请注意，当使用百分比代替像素时，更改比例尺可能会导致某些定位问题。