解决web网页，在手机端点击输入框获得焦点，自动变大的问题
2018-05-09 本文已影响0人
Alex_1799
加入
<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;">
解释：
-
width=device-width ：宽度等于设备屏幕的宽度。
-
initial-scale=1.0：表示：初始的缩放比例。
-
minimum-scale=0.5：表示：最小的缩放比例。
-
maximum-scale=2.0：表示：最大的缩放比例。
-
user-scalable=yes：表示：用户是否可以调整缩放比例。
6.分析:
在头部的<head>中增加第一句话，其中【apple-mobile-web-app-capable】设置Web应用是否以全屏模式运行.如果content设置为yes，Web应用会以全屏模式运行，反之，则不会。content的默认值是no，表示正常显示。
在头部的<head>中增加第二句话，可以让网页的宽度自动适应手机屏幕的宽度。
其中： width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=1.0：表示初始的缩放比例
maximum-scale=1.0：表示最大的缩放比例
user-scalable=no：表示用户是否可以调整缩放比例
还有一个小小的值：
minimum-scale=0.5： 表示最小的缩放比例
