我正在建立一个快速响应的网站。为了使网站适合移动浏览器窗口,我在标题中添加了以下元标记:
<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">
如何在两部手机上使用它?
由于
托马斯
答案 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);
但是,请注意,当使用百分比而不是像素时,更改比例可能会导致一些定位问题。