Bootstrap 3-使用输入组插件，iOS上的输入缩放看起来很奇怪

我在当前项目中使用Bootstrap3，在我的登录页面上，我第一次使用了输入组插件。我的代码当前如下所示：

<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>

当我用Safari在iPhone上打开页面并单击输入字段时，它会像往常一样放大到输入字段（居中）。然而，在这种情况下，它看起来非常奇怪，因为插件被留给它。是否可以将整个“输入组”置于中心位置，而不仅仅是输入字段，同时仍允许用户输入

---

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

此外，

select

元素需要附加

focus

伪类

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

---

我现在发现，当文本字段的字体大小小于16px时，Safari mobile中会出现缩放效果。将字体大小设置为16px对我来说解决了这个问题，因为我的输入字段和加载项以前是居中的，不再进行额外放大。

我不想在输入字段中找到将文本居中的方法。浏览器向输入字段“缩放”，因此它位于屏幕的中心（不移动其在页面中的实际位置，仅移动视口）。我希望它可以缩放到整个表单控件div。编辑：但是，将表单控件字段的常规字体大小（不在：焦点）更改为16px会删除缩放功能（safari这样决定），这会导致预期的结果，因为我的字段以前自然居中，不再进行额外缩放！谢谢