手機端點擊input輸入框時網頁自動放大是怎么回事呢?
這是因為在移動端自適應寬度的代碼中,沒有把input的自動縮放關閉!一般常見于蘋果手機的ios系統,而安卓系統似乎是默認關閉。
input框自動放大,雖然說有便于用戶的輸入和閱讀,但也同時給用戶帶來了視覺的麻煩,所以一般情況下,我們都是選擇關閉自動縮放的!
那么該如何關閉input輸入框在手機端的這個縮放效果呢?
1,找到你的網頁頭部head的代碼,查看代碼并找到,下面的這段:
<meta name="viewport" content="width=device-width,initial-scale=1.0">這段
2,找到之后,將這段代碼更改為:
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1,maximum-scale=1">
到此為止,這個問題已得到完美的解決!
皖公網安備 34162202000270號