1、首页新建一个HTML5页面,如图
2、需要手动在<head>头区域,加入viewport声明,示例:<meta name="viewport" content="">
3、其中,viewport声明中,content=争犸禀淫""属性有5个参数可供设置,分别是:width="deive-width",initia造婷用痃l-scale=1.0,minimum-scale=0.8,maximum-scale=1.5,user-scalable=no
4、其中,第一个参数width 和 第二个参数in坡纠课柩itial-scale 较为重要,width=device-width荑樊综鲶, 指明了网页的宽度默认等于用户设备的屏幕宽度initial-scale=1.0, 指明了网页的初始化宽度实际所在屏幕宽度的比例,取值范围为0.1-1.0,即10%-100%
5、其余三个参数的,意义分别为:minimum-scale=0.8, 指明了网页最小允许缩小到屏幕80%的宽度maximum-scale=1.5, 指明了网页最大允许放大到屏幕150%的宽度user-scalable=no, 指明了网页禁止用户缩放,允许用户缩放则使用yes