HTML页面自适应移动端屏幕

在网页代码的头部，加入一行viewport元标签

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

属性说明

属性	说明
width=device-width	width为设置layout viewport 的宽度，为一个正整数，”width-device”表示宽度是设备屏幕的宽度
initial-scale=1.0	设置页面的初始缩放值，可以是一个带小数的数字，1.0就是占网页的100%
minimum-scale=1.0	最小的缩放比例
maximum-scale=1.0	最大的缩放比例
user-scalable=no	是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许