禁用缩放 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

只需将其放在 head 中并删除您的 JavaScript。

要禁用缩放，请使用：

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