我找不到干净的方法，但这里有一个黑客。。。

1） 我注意到mouseover事件发生在缩放之前，但缩放发生在mousedown或focus事件之前。

2） 您可以使用javascript动态更改META视口标记（请参阅使用javascript启用/禁用iPhone safari上的缩放？）

因此，请尝试以下操作（如jquery所示）：

$("input[type=text], textarea").mouseover(zoomDisable).mousedown(zoomEnable);
function zoomDisable(){
  $('head meta[name=viewport]').remove();
  $('head').prepend('<meta name="viewport" content="user-scalable=0" />');
}
function zoomEnable(){
  $('head meta[name=viewport]').remove();
  $('head').prepend('<meta name="viewport" content="user-scalable=1" />');
}

这绝对是一个黑客。。。在某些情况下，mouseover/down并不总是捕捉入口/出口，但它在我的测试中运行良好，是一个坚实的开始。

解决此问题的正确方法是将元视口更改为：

<meta name=“viewport”content=“width=设备宽度，初始比例=1，最大比例=1，用户可缩放=0”/>

重要提示：不要设置最小刻度！这将保持页面可手动缩放。

我最近（今天：D）不得不整合这种行为。为了不影响原始设计字段，包括combo，我选择在字段的焦点处应用转换：

input[type="text"]:focus, input[type="password"]:focus,
textarea:focus, select:focus {
  font-size: 16px;
}

这在iOS Safari和Chrome上对我有效。对于输入选择器，可以将类或id设置为包含当前值。

@supports (-webkit-overflow-scrolling: touch) {
   input {
     font-size: 16px;
   }
}

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

请不要使用Javascript或黑客来使其工作。这将影响您在网络上的项目分数。

这将起到作用：

input, input:active, input:focus, input:focus-within, input:hover, input:visited {
    font-size: 16px!important;
}