在 jQuery 中禁止页面缩放通常是通过设置视口（viewport）的属性来实现的。以下是一个使用 jQuery 的示例代码，通过设置 viewport 的 user-scalable 属性为 "no" 来禁止页面缩放：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>禁止页面缩放</title>
  <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
  <script>
    $(document).ready(function() {
      // 禁止页面缩放
      $("head meta[name='viewport']").attr("content", "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no");
    });
  </script>
</head>
<body>
  <!-- 页面内容 -->
</body>
</html>

**在这个例子中，jQuery 被用来在文档加载完成后找到 元素并修改它的 content 属性。这将确保页面在移动设备上不会被缩放。
请注意，虽然这种方法可以禁止用户通过手势缩放页面，但用户仍然可以使用浏览器的缩放功能（通常通过按住 Ctrl 键并滚动鼠标滚轮来实现）。如果你也想禁止浏览器的缩放功能，你可能需要使用其他方法，如 JavaScript 的 onwheel 事件来阻止滚轮事件。**

版权属于：泽泽社长
本文链接：https://blog.zezeshe.com/archives/how-to-disable-page-scaling.html
本站未注明转载的文章均为原创，并采用 CC BY-NC-SA 4.0 授权协议，转载请注明来源，谢谢！