ブートストラップ3 - iOSの入力ズームが入力グループアドオンで奇妙に見える

Question

現在のプロジェクトでブートストラップ3を使用しています。ログインページで初めて入力グループアドオンを使用しました。私のコードは、現在、次のようになります。

<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上でページを開いて、入力フィールドをクリックすると、それは常にそうであるようには、（それを中心に）入力フィールドにズームイン。しかし、この場合はアドオンが残っているため非常に奇​​妙に見えます。ユーザが入力を入力できるようにしながら、入力フィールドだけでなく、「入力グループ」全体を集中させることは可能ですか？

ありがとうございます！コードが不足しているか、またはより多くの情報を探しているなら、私はそれを提供してくれるでしょう。

Answer 1

私は、テキストフィールドのフォントサイズは16pxに<あるとき、ズーム効果がサファリモバイルで発生することを、今、分かりました。フォントサイズを16pxに設定すると、アドオンの入力フィールドが以前に中央揃えされていて、さらにズームインされなくなるため、問題が解決されました。

Answer 2

さらに、select要素には、focus疑似クラスが添付されている必要があります。

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