前序：
移动端网页输入框在点击获取焦点时，会自动放大页面，体验很不好
原因是当输入框获取焦点之后，会触发webview的displaySoftKeyboard方法，导致页面自动放大
解决方法： head标签添加如下代码
// 设置Web应用是否以全屏模式运行。如果content为yes，Web应用会以全屏模式运行，content的默认值是no，表示正常显示
<meta name="apple-mobile-web-app-capable" content="yes">
// 让网页的宽度自动适应手机屏幕的宽度
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
// width=device-width ：表示宽度是设备屏幕的宽度
// initial-scale=1.0：表示初始的缩放比例
// maximum-scale=1.0：表示最大的缩放比例，0.5： 表示最小的缩放比例
// user-scalable=no：表示用户是否可以调整缩放比例
timg.jpeg
网友评论