将字体大小（用于输入字段）设置为等于正文的字体大小，似乎是阻止浏览器缩小或缩小的原因。我建议使用字体大小：1rem作为更优雅的解决方案。

input[type='text'],textarea {font-size:1em;}

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

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

我使用了上面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才能不缩放页面。

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

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并不总是捕捉入口/出口，但它在我的测试中运行良好，是一个坚实的开始。

正如许多其他答案已经指出的那样，这可以通过向元视口标记添加最大比例来实现。然而，这会导致在Android设备上禁用用户缩放功能。（自v10以来，它不会在iOS设备上禁用用户缩放。）

当设备为iOS时，我们可以使用JavaScript动态地向元视口添加最大比例。这实现了两全其美：我们允许用户缩放，并防止iOS缩放到聚焦的文本字段。

| maximum-scale             | iOS: can zoom | iOS: no text field zoom | Android: can zoom |
| ------------------------- | ------------- | ----------------------- | ----------------- |
| yes                       | yes           | yes                     | no                |
| no                        | yes           | no                      | yes               |
| yes on iOS, no on Android | yes           | yes                     | yes               |

代码：

const addMaximumScaleToMetaViewport = () => {
  const el = document.querySelector('meta[name=viewport]');

  if (el !== null) {
    let content = el.getAttribute('content');
    let re = /maximum\-scale=[0-9\.]+/g;

    if (re.test(content)) {
        content = content.replace(re, 'maximum-scale=1.0');
    } else {
        content = [content, 'maximum-scale=1.0'].join(', ')
    }

    el.setAttribute('content', content);
  }
};

const disableIosTextFieldZoom = addMaximumScaleToMetaViewport;

// https://stackoverflow.com/questions/9038625/detect-if-device-is-ios/9039885#9039885
const checkIsIOS = () =>
  /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

if (checkIsIOS()) {
  disableIosTextFieldZoom();
}