添加
<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 这几个字符串中的一个。