有没有办法在重新加载页面时将缩放级别重置为 100%？

编程问答 2022-05-31

问题描述

我使用 HTML、CSS 和 JavaScript 创建了一个未发布的网站，我想确保当您单击另一个页面时，它始终以 100% 缩放（或至少 100% 的 chrome）加载。

我已经尝试使用不断推荐的功能“初始规模”：

<Meta name="viewport" content="width=device-width,initial-scale=1">

这在第一次加载页面时工作正常，但是如果您放大（例如到 50%）然后离开该页面然后返回到它，缩放仍然是 50%，而不是重置为 100%。

我希望每次访问页面时缩放比例都变为 100%，而与之前的访问无关。

提前致谢！

解决方法

您可以在页面加载时执行以下操作：

(function() {

    var scale = 'scale(1)';
    document.body.style.webkitTransform =  scale;    // Chrome,Opera,Safari
    document.body.style.msTransform =   scale;       // IE 9
    document.body.style.transform = scale;     // General

})();

上面的 function() 格式是 jQuery 的 $(document).ready() 的简写形式。

在 Stackoverflow 上参考这篇文章：Force page zoom at 100% with JS

希望这能回答您的问题！

htmljavascriptscalezooming