meta viewport是专门为移动设备下的显示所设计的,为了在移动设备下,网页不需要缩放和滚动条就能查看网页中的所有内容,文字、图片大小合适等,只有检测都在移动设备上使用包含了meta的文档时,这个标签才会起作用,一般使用会设置如下5个属性:
name:为viewport表示供移动设备使用.
content:内定义了viewport的属性:
width:表示移动设备下显示的宽度为设备宽度(device-width)
user-scalable:表示用户缩放能力, no表示不允许用户缩放网页
initial-scale:表示设备与视口的缩放比率
maximum和minimum:分别表示缩放的最大最小值, 要注意的是, maximum必须大于或等于minimum
上面的meta标签就是告诉浏览器, 不要在移动端显示的时候缩放