Html 如何在响应性设计中禁用缩放功能？

在使用iPad、iPhone和/或其他智能手机时，如何在响应性设计页面中禁用放大和缩小功能

---

有什么方法可以控制它吗？

创建一个元视口标记，并将用户可缩放属性设置为“否”，如下所示：

<meta name="viewport" content="user-scalable=no" />

更新答案：-

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

---

这几乎歧视了30岁以上的人，抑制变焦只会迫使他们使用阅读眼镜。这可能是你的意图

这类用户的解决方法之一是使用RDP或VNC查看桌面浏览器，并“挤压”该浏览器的视图

问题应该是“如何禁用”或“如何抑制”。

---

当然，您应该使用用户代理字符串识别设备

要禁用缩放，请添加此脚本

<script type="text/javascript">
document.addEventListener('touchmove', function (event) {
  if (event.scale !== 1) { event.preventDefault(); }
}, { passive: false });
</script>

document.addEventListener（'touchmove'，函数（事件）{
如果（event.scale！==1）{event.preventDefault（）；}
}，{被动：假}）；

非常感谢您，在您的帮助下这样使用

正确答案。。。但是使用这个，你会失去基本的功能，可能会使你的网站对有视力问题的人不可用。旁注：这不会阻止双击缩放。非常感谢你的建议，刚刚更改了问题标题我是45岁，我可以阅读StackOverflow的小文本。这不是你手机上的辅助功能设置的用途吗？为了覆盖专门为您设计的页面，而不是强迫设计师只为少数人编写臃肿的代码，“30岁以上的人无法在手机上阅读文本”，这本身就是一个很有辨别力的假设。我30岁以上，我可以在4英尺外阅读正常字体大小的短信。SMS，但请在Amazon上尝试精细打印，然后尝试放大页面，让页面调整并移动对您重要的字段。基本上，我是说页面应该标准化，设备应该适应。有一些令人震惊的网站，就像WAP时代一样糟糕。