IOS瀏覽器點擊input輸入款自動放大解決方法


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 :用戶是否可以手動縮放


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM