问题描述:移动端输入框在点击后自动获取到焦点放大页面
解决方案:在页面顶部添加如下代码:
<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<!--说明:
1. 第一个meta设置,
其中【apple-mobile-web-app-capable】设置Web应用是否以全屏模式运行。
如果content设置为yes,Web应用会以全屏模式运行,反之,则不会。
content的默认值是no,表示正常显示。
2. 第二个meta设置,可以让网页的宽度自动适应手机屏幕的宽度。
其中: width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
maximum-scale=1.0:表示最大的缩放比例
user-scalable=no:表示用户是否可以调整缩放比例
还有一个小小的值:
minimum-scale=0.5: 表示最小的缩放比例
-->