web分辨率自适应

1. 安装 postcss-pxtorem@5.1.1
2. 在src下，添加 postcss.config.js文件，并配置

module.exports = {
  plugins: {
    autoprefixer: {},
    'postcss-pxtorem': {
      rootValue: 80, // 根元素的字体大小
      unitPrecision: 5, // 小数点后精度
      propList: ["*"], // 可以从px改变为rem的属性
      exclude: /Cockpit/i, // 要忽略并保留为px的文件路径
      minPixelValue: 0, // 最小的px转化值（小于这个值的不转化）
      mediaQuery: false, //  允许在媒体查询中转换px
      selectorBlackList: [], // 要忽略并保留为px的选择器
      replace: true, // 直接在css规则上替换值而不是添加备用
    },
  }
}

4. vscode 安装插件，px to rem & rpx & vw (cssrem)，配置px转换rem 转换比例，1rem = 80px
   安装之后，vscode会自动提示对应的转换比例