网页自适配手机端屏幕大小

添加

<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

关于meta标签的部分属性：

width：设置layout viewport 的宽度，为一个正整数，使用字符串”width-device”表示设备宽度。

initial-scale：设置页面的初始缩放值，为一个数字，可以带小数。

minimum-scale：允许用户的最小缩放值，为一个数字，可以带小数。

maximum-scale：允许用户的最大缩放值，为一个数字，可以带小数。

height： 设置layout viewport 的高度，这个属性对我们并不重要，很少使用。

user-scalable：是否允许用户进行缩放，值为”no”或”yes”, no 代表不允许，yes代表允许。

target-densitydpi：值可以为一个数值或 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 这几个字符串中的一个。