正在iOS 7上运行的Javascript黑客。这是基于@dlo的回答，但mouseover和mouseout事件被touchstart和touchend事件替换。基本上，该脚本在再次启用缩放之前添加半秒超时，以防止缩放。

$("input[type=text], textarea").on({ 'touchstart' : function() {
    zoomDisable();
}});
$("input[type=text], textarea").on({ 'touchend' : function() {
    setTimeout(zoomEnable, 500);
}});

function zoomDisable(){
  $('head meta[name=viewport]').remove();
  $('head').prepend('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />');
}
function zoomEnable(){
  $('head meta[name=viewport]').remove();
  $('head').prepend('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1" />');
} 

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

这将起到作用：

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

这个问题的简单解决方案是：

@media screen and (max-width: 599px) {
  input, select, textarea {
    font-size: 16px;
  }
}

注：最大宽度可根据您的要求定制。

这对我有用：

input, textarea {
    font-size: initial;
}

如果你的网站是为移动设备设计的，你可以决定不允许扩展。

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

这解决了移动页面或表单“浮动”的问题。

我使用了上面Christina的解决方案，但对引导程序进行了小修改，并将另一条规则应用于桌面计算机。Bootstrap的默认字体大小为14px，这会导致缩放。下面将Bootstrap中的“表单控件”更改为16px，以防止缩放。

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .form-control {
    font-size: 16px;
  }
}

对于非移动浏览器，返回到14px。

@media (min-width: 768px) {
  .form-control {
    font-size: 14px;
  }
}

我尝试使用.formcontrol:focu，它将其保持在14px，但focus将其更改为16px，它没有解决iOS8的缩放问题。至少在我使用iOS8的iPhone上，字体大小必须是16px才能对焦，这样iPhone才能不缩放页面。