H5頁面,ios點擊input框,輸入內容時,頁面會自動放大,且失焦后需手動放小。
這是因為在移動端自適應寬度的代碼中,沒有把input的自動縮放關閉!一般常見於蘋果手機的ios系統,而安卓系統似乎是默認關閉。
input框自動放大,雖然說有便於用戶的輸入和閱讀,但也同時給用戶帶來了視覺的麻煩,所以一般情況下,我們都是選擇關閉自動縮放的!
那么該如何關閉input輸入框在手機端的這個縮放效果呢?
解決:
1,找到你的網頁頭部head的代碼
2, 加入下面這段代碼
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
width=device-width
:表示寬度是設備屏幕的寬度height=device-height
:表示高度是設備屏幕的高度initial-scale
:初始的縮放比例minimum-scale
:允許用戶縮放到的最小比例maximum-scale
:允許用戶縮放到的最大比例user-scalable
:用戶是否可以手動縮放