javascript - 使用 jquery/javascript 禁用浏览器缩放？

Question

我想阻止用户使用任何方式缩放网站内容。例如。 ctrl + 滚动/在浏览器选项中选择。有没有办法使用 jquert/js 禁用浏览器中的缩放功能？谢谢

Answer 1

如果您只是想阻止用户缩放来解决表单焦点问题，例如在 iPhone 上，当表单输入放大到字段中，然后完成后不会缩小回来，您可以使用 javascript 来更改视口(viewport)元标记:

    var viewportmeta = document.querySelector('meta[name="viewport"]');
    viewportmeta.content = 'user-scalable=NO, width=device-width, initial-scale=1.0'

这会阻止用户在 iPhone 上进行可缩放操作的放大操作。然后，您可以直接处理任何辅助功能问题，例如添加您自己的缩放控件，或在完成后重置视口(viewport)元。