meta标签对viewport的设置详解

为了达到兼容:
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale-1,user-scalable=no">

对viewport的设置的meta建议写在已有的meta标签()之后
name=“viewport”:说明当前meta标签是用来设置viewport的属性的，这个属性只有在移动端才会有效
content="":进行viewport的设置
width:设置viewport的宽度 device-width:获取当前设备的宽度
initial-scale=1:设置初始缩放比例
当我们设置width=device-width,也达到了initial-scale=1的效果，得知 其实 initial-scale = ideal viewport / layout viewport 意味着，如果initial-scale设置为1，相当于设置了两个viewport的宽度一致
maximum-scale:设置最大的缩放比例