引導3 - 在iOS上的輸入縮放看起來奇怪與input-group-addon

我在當前項目和我的登錄頁面上使用Bootstrap 3，我第一次使用了input-group-addon。我的代碼目前看起來是這樣的：引導3 - 在iOS上的輸入縮放看起來奇怪與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瀏覽器頁面，點擊輸入字段，它放大到（定心吧）輸入字段，因爲它總是這樣。但是，在這種情況下，由於插件被留下，它看起來很奇怪。是否有可能將整個「輸入組」集中在中心，而不是僅輸入字段，同時仍然允許用戶輸入輸入？

在此先感謝！如果任何代碼丟失或您正在尋找更多信息，我會很樂意提供。

來源

2017-07-19 Rufrage

我現在發現，發生在Safari移動縮放效果，當文本字段的字體大小爲16像素<。設置字體大小爲16px解決了我的問題，因爲我的插件的輸入字段居中之前，不再額外放大。

來源

2017-07-19 10:29:00 Rufrage

此外，select元素需要附加focus僞類。

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

來源

2017-07-19 09:56:24

我不是在尋找一種方法來在輸入字段中居中文本。瀏覽器對輸入字段進行「縮放」，因此它位於屏幕的中心（不移動其在頁面內的實際位置，僅移動視口）。我希望它縮放到整個窗體控件div。 – Rufrage

編輯：但是，更改一般字體大小（不在：焦點）爲16px的形式控制字段刪除了縮放功能（safari決定像這樣），這導致期望的結果，因爲我的領域自然居中之前並不再額外縮放！謝謝！ – Rufrage

引導3 - 在iOS上的輸入縮放看起來奇怪與input-group-addon

回答

相關問題