javascript - 禁用缩放 chrome 技巧

Question

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

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

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

Answer 1

为此邀请了元标记:

<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">