禁用缩放铬特技

Disabling zoom on chrome trick

本文关键字：缩放      更新时间：2023-09-26

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

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

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

为此邀请了一个元标签：

<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">
相关文章：