禁用放大Chrome技巧

时间:2013-12-14 08:47:22

标签: javascript google-chrome scroll zoom

在我的网页中,我想将缩放设置为100%。 对于chrome我找到了这个技巧:

window.onresize = function() {
    var zoom = window.devicePixelRatio;
    document.body.style.zoom = (100 / zoom) + "%";
}

这将在每个缩放级别显示具有相同尺寸的页面。问题是,当您更改缩放时,在Chrome上,它会垂直和水平滚动。 我想阻止它。

1 个答案:

答案 0 :(得分:0)

为此,邀请了元标记:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
                                                                 ^^^Zoom on site load

只需将其置于头部并删除您的JavaScript。

要禁用缩放,请使用此选项:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
相关问题