这应该是你需要的一切:

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

对于那些晚到派对的人来说，kgutteridge的答案对我来说不适用，Benny Neugebauer的答案包括目标密度(一个被弃用的功能)。

然而，这对我来说是有效的:

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

移动浏览器(大多数)要求输入的字体大小为16px。

由于初始问题仍然没有解决方案，这里有一个纯CSS解决方案。

input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"] {
  font-size: 16px;
}

解决问题。所以你不需要禁用缩放和松散的可访问性功能，你的网站。

如果你的基本字体大小不是16px，或者在手机上不是16px，你可以使用媒体查询。

@media screen and (max-width: 767px) {
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="tel"],
  input[type="password"] {
    font-size: 16px;
  }
}

你可以通过简单地将以下“元”元素添加到你的“头脑”中来完成任务:

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

添加所有属性，如'width'，'initial-scale'， 'maximum-width'， 'maximum-scale'可能不起作用。因此，只需添加上面的元素。

这应该是你需要的一切:

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

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

请添加脚本以禁用捏，点击，聚焦缩放