
前序:
移動端網(wǎng)頁輸入框在點擊獲取焦點時,會自動放大頁面,體驗很不好
原因是當(dāng)輸入框獲取焦點之后,會觸發(fā)webview的displaySoftKeyboard方法,導(dǎo)致頁面自動放大
解決方法: head標(biāo)簽添加如下代碼
// 設(shè)置Web應(yīng)用是否以全屏模式運(yùn)行。如果content為yes,Web應(yīng)用會以全屏模式運(yùn)行,content的默認(rèn)值是no,表示正常顯示
<meta name="apple-mobile-web-app-capable" content="yes">
// 讓網(wǎng)頁的寬度自動適應(yīng)手機(jī)屏幕的寬度
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
// width=device-width :表示寬度是設(shè)備屏幕的寬度
// initial-scale=1.0:表示初始的縮放比例
// maximum-scale=1.0:表示最大的縮放比例,0.5: 表示最小的縮放比例
// user-scalable=no:表示用戶是否可以調(diào)整縮放比例

timg.jpeg