受@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%;
}

总之，答案是：将表单元素的字体大小设置为至少16px

由于iPhone上的自动放大（没有缩小）功能仍在运行，这里有一个基于dlo建议的JavaScript，用于聚焦/模糊。

一旦文本输入被功能化并在输入离开时重新合成，缩放将被禁用。

注意：有些用户可能不欣赏在小文本输入中编辑文本！因此，我个人更喜欢在编辑过程中更改输入的文本大小（参见下面的代码）。

<script type="text/javascript">
<!--
function attachEvent(element, evtId, handler) {
    if (element.addEventListener) {
        element.addEventListener(evtId, handler, false);
    } else if (element.attachEvent) {
        var ieEvtId = "on"+evtId;
        element.attachEvent(ieEvtId, handler);
    } else {
        var legEvtId = "on"+evtId;
        element[legEvtId] = handler;
    }
}
function onBeforeZoom(evt) {
    var viewportmeta = document.querySelector('meta[name="viewport"]');
    if (viewportmeta) {
        viewportmeta.content = "user-scalable=0";
    }
}
function onAfterZoom(evt) {
    var viewportmeta = document.querySelector('meta[name="viewport"]');
    if (viewportmeta) {
        viewportmeta.content = "width=device-width, user-scalable=1";
    }
}
function disableZoom() {
    // Search all relevant input elements and attach zoom-events
    var inputs = document.getElementsByTagName("input");
    for (var i=0; i<inputs.length; i++) {
        attachEvent(inputs[i], "focus", onBeforeZoom);
        attachEvent(inputs[i], "blur", onAfterZoom);
    }
}
if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
    attachEvent(window, "load", disableZoom);
}
// -->
</script>

以下代码将在元素具有焦点期间将输入的文本大小更改为16像素（即，以当前缩放大小计算）。因此，iPhone不会自动放大。

注：缩放因子是根据window.innerWidth和iPhone的320像素显示屏计算的。这仅对处于肖像模式的iPhone有效。

<script type="text/javascript">
<!--
function attachEvent(element, evtId, handler) {
    if (element.addEventListener) {
        element.addEventListener(evtId, handler, false);
    } else if (element.attachEvent) {
        var ieEvtId = "on"+evtId;
        element.attachEvent(ieEvtId, handler);
    } else {
        var legEvtId = "on"+evtId;
        element[legEvtId] = handler;
    }
}
function getSender(evt, local) {
    if (!evt) {
        evt = window.event;
    }
    var sender;
    if (evt.srcElement) {
        sender = evt.srcElement;
    } else {
        sender = local;
    }
    return sender;
}
function onBeforeZoom(evt) {
    var zoom = 320 / window.innerWidth;
    var element = getSender(evt);
    element.style.fontSize = Math.ceil(16 / zoom) + "px";
}
function onAfterZoom(evt) {
    var element = getSender(evt);
    element.style.fontSize = "";
}
function disableZoom() {
    // Search all relevant input elements and attach zoom-events
    var inputs = document.getElementsByTagName("input");
    for (var i=0; i<inputs.length; i++) {
        attachEvent(inputs[i], "focus", onBeforeZoom);
        attachEvent(inputs[i], "blur", onAfterZoom);
    }
}
if (navigator.userAgent.match(/iPhone/i)) {
    attachEvent(window, "load", disableZoom);
}
// -->
</script>

一条关于将字体大小设置为16px的顶级答案的评论询问了这是如何解决的，如果你想要更大/更小的字体怎么办。

我不知道你们所有人的情况，但使用px来调整字体大小并不是最好的方法，你应该使用它们。

我在我的响应网站上遇到了这个问题，我的文本字段大于16像素。我的表单容器设置为2em，输入字段设置为1.4em。在移动查询中，我根据视口更改html字体大小。由于默认的html是10，我的输入字段在桌面上计算为28px

为了取消自动缩放，我不得不将输入更改为1.6em。这将我的字体大小增加到32px。只是稍微高一点，几乎看不到。在我的iPhone 4和5上，我将html字体大小改为15像素（纵向），改回10像素（横向）。看起来像素大小的最佳点是48px，这就是为什么我从1.4em（42px）改为1.6em（48px）。

你需要做的事情是找到字体大小的最佳位置，然后将其转换为rem/em大小。

根据斯蒂芬·沃尔什的回答。。。这段代码在不改变焦点输入的字体大小的情况下工作（看起来很蹩脚），而且它仍然适用于FastClick，我建议将其添加到所有移动网站，以帮助实现“快速”。调整“视口宽度”以满足您的需要。

// disable autozoom when input is focused
    var $viewportMeta = $('head > meta[name="viewport"]');
    $('input, select, textarea').bind('touchend', function(event) {
        $viewportMeta.attr('content', 'width=640, user-scalable=0');
        setTimeout(function(){ $viewportMeta.attr('content', 'width=640, user-scalable=1'); }, 1)
    });