如何防止网页缩放

Question

我正在设计一个仅占水平空间80％的网页。在恢复浏览器时，网页会自动缩小，使其看起来非常混乱。我希望即使在调整浏览器窗口大小时，网页也不会缩放，但只是可以滚动。这是它的大小保持不变，它可以滚动。

Answer 1

如果你想要一个固定的宽度，你需要设置一个宽度，如果你还没有。

body { width: 900px; }

除非有更多样式覆盖它，否则

可以做到。

Answer 2

如果您想通过按Ctrl +，Ctrl -或Ctrl Mousewheel来阻止用户缩放页面，则以下代码可能适用于您：

document.body.addEventListener("keydown", (event) => {
    if (event.ctrlKey) { event.preventDefault() }
});

这将阻止用户使用Ctrl密钥，因此与此相关的任何功能都将丢失。