Bootstrap 3 - iOS 上的输入缩放在 input-group-addon 中看起来很奇怪

Question

我在当前项目和登录页面上使用 Bootstrap 3，这是我第一次使用 input-group-addon。我的代码目前看起来像这样：

<div class="input-group">
  <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
  <input class="form-control" type="email" name="email" required placeholder="E-Mail">
</div>

当我在 iPhone 上使用 Safari 打开页面并单击输入字段时，它会像往常一样放大到输入字段（将其居中）。然而，在这种情况下，由于插件被留给它，它看起来很奇怪。是否可以将整个 "input-group" 而不仅仅是输入字段居中，同时仍然允许用户输入？

提前致谢！如果缺少任何代码或者您正在寻找更多信息，我很乐意提供。

Answer 1

此外，select 元素需要附加 focus 伪 class。

.form-control:focus{
  font-size: 16px;
  text-align:center;
}

Answer 2

我现在发现，当文本字段的字体大小小于 16px 时，缩放效果会出现在 Safari 移动版中。将字体大小设置为 16px 为我解决了这个问题，因为我的带有插件的输入字段之前居中并且不再另外放大。