viewport视区 :
如果我们的网页想要在移动端也正常,需要添加下面这行代码.
为了使我们的网页兼容移动端,当前网页中需要设置一下代码,原因是: 移动端 viewport的默认亮度跟当前设备宽度不一致,然后布局又是基于viewport 进行布局的,因为需要添加下面的代码.
viewport 属性值 :
width: 设置voewport宽度
height: 设置viewport高度(一般不进行设置)
initial-scale: 页面初始比例
例 : <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />