移动端的meta视口标签书写

移动端的mete视口标签

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

其中

• width:宽度设置的是viewport宽度，可以设置device -width特殊值；
• user-scalable:用户是否可以缩放，yes或者no（1或0）；
• initial-scale:初始缩放比，大于0的数字；
• maximum-scale:最大缩放比，大于0的数字；
• minimum-scale:最小缩放比，大于0的数字；

其中，使用vscode软件编辑默认会生成一个meta视口标签，就是不会那么全，自动生成的代码如下

<meta name="viewport"" content="width=device -width,initial-scale=1.0">

需要注意的是上述所说的属性需要统一写在content中，一定要在content=“”的引号中，各属性间以“,”相隔