视口元标记宽度=设备宽度在Android 4.2上不起作用?

时间:2014-11-21 15:23:49

标签: android viewport scaling

我正在建立一个快速响应的网站。为了使网站适合移动浏览器窗口,我在标题中添加了以下元标记: <meta name="viewport" content="width=device-width"> 这在我的S5默认浏览器下工作正常。

但是,它在我的S3默认浏览器=&gt;下无法正常工作缩放级别太高(约为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">

如何在两部手机上使用它?

由于

托马斯

1 个答案:

答案 0 :(得分:0)

尝试使用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);

但是,请注意,当使用百分比而不是像素时,更改比例可能会导致一些定位问题。