我看了多个答案\

在元标签中设置最大比例=1的答案在iOS设备上运行良好，但在Android设备上禁用缩放功能。设置字体大小的字体：16px；onfocus对我来说太粗糙了。

所以我编写了一个JS函数来动态更改元标记。

var iOS = navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
if (iOS)
    document.head.querySelector('meta[name="viewport"]').content = "width=device-width, initial-scale=1, maximum-scale=1";
else
    document.head.querySelector('meta[name="viewport"]').content = "width=device-width, initial-scale=1";

令人惊讶的是，这里有很多javascript和视口的答案，只有一个提到了文本大小调整，这是我认为最好的解决方案。

您可以将此设置为无。

添加以下CSS：

* {
 -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

您可以防止Safari在用户输入期间自动放大文本字段，而不禁用用户的缩放功能。只需添加最大比例=1，但忽略其他答案中建议的用户比例属性。

如果您在图层中有一个表单，如果缩放，它会“浮动”，这会导致重要的UI元素移出屏幕，这是一个值得选择的选项。

<meta name=“viewport”content=“width=设备宽度，初始比例=1，最大比例=1”>

这是工作！！！我完成了我的搜索旅程！

<meta name=“viewport”content=“width=640px，初始比例=.5，最大比例=.5”/>

在iPhone OS6、Android 2.3.3模拟器上测试

我有一个固定宽度为640px的移动网站，我面对的是自动变焦对焦。

我试着分配一些荡妇，但没有一个能同时在iPhone和Android上运行！

现在对我来说，禁用缩放是可以的，因为网站是移动第一设计！

这是我找到它的地方：如何调整视口大小和缩放以支持跨浏览器？

受@jirikuchta的回答启发，我通过添加以下CSS解决了这个问题：

#myTextArea:active {
  font-size: 16px; /* `16px` is safer I assume, although `1rem` works too */
}

没有JS，我没有注意到任何闪光或任何东西。

值得注意的是，最大比例为1的视口也可以工作，但当页面作为iframe加载时，或者如果您有其他脚本修改视口等，则无法工作。

我看到这里的人用JavaScript或viewport函数做了一些奇怪的事情，并关闭了所有设备上的手动缩放。我认为这不应该是一个解决方案。添加此CSS片段将关闭iOS中的自动缩放功能，而不会将字体大小更改为固定数字，如16px。

默认情况下，我在输入字段中使用93.8%（15px）的字体大小，通过添加CSS代码段，字体大小保持在93.8%。无需更改为16px或将其设置为固定数字。

input[type="text"]:focus,
textarea:focus {
    -webkit-text-size-adjust: 100%;
}