怎麼讓手機瀏覽器和微信焦點在文本輸入框時不自動放大頁面

方法一：禁止頁面縮放

在head標簽中加入以下代碼

<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no">

content的解釋

width=device-width //寬度等於設備屏幕寬度
initial-scale=1.0  //初始縮放比例
minimum-scale=1.0  //最小縮放比例
maximum-scale=1.0  //最大縮放比例
user-scalable=no   //用戶是否能進行縮放

二、通過設置input的字體來阻止

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) { select:focus, textarea:focus, input:focus { font-size: 16px !important; } }

瀏覽器也許認為，只有input中的字體大於等於16px時用戶才能看得清楚。

資料引用

怎麼讓Android 瀏覽器焦點在文本輸入框時不自動放大頁面