HTML -- meta标签一些参数的作用

前言：

　　刚刚看了一下vue自适配方案的一篇文章，里面对vue的根目录index.html的<meta>标签做了修改

　　

//修改前
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
//修改后
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

　　对于新添的这些属性真的是不怎么了解，就去查了一下

结果：

首先meta viewport的设置格式是 <meta name="viewport" content="name=value,name=value">，其中content里的name的值可设为：

• width：将布局视口设置为固定的值，比如375px或者device-width（设备宽度）
• initial-scale：设置页面的初始缩放
• minimum-scale：设置最小的缩小程度
• maximum-scale：设置最大的放大程度
• user-scalable：设置为no时禁用缩放