【pc端 vue3用rem做自适应适配，（postcss-pxtorem）】

第一步

npm install postcss-pxtorem --save-dev

npm i -s amfe-flexible

第二步

在main.js引入

import 'amfe-flexible'

第三步

在根目录，和package.json同级，创建一个名为postcss.config.js的文件

module.exports = {

    "plugins": {

      "postcss-pxtorem": {

        rootValue: 192, 根据使用的ui组件？定义根元素大小？

        propList: ['*'],//可以从px更改为rem的属性

        selectorBlackList: ['.norem'], // 过滤掉.norem-开头的class，不进行rem转换

        minPixelValue: 12,///设置要替换的最小像素值，px小于12的不会被转换

        minPixelValue: 2, // 设置要替换的最小像素值

        // propBlackList: ['font-size'], //黑名单

      }

    }

  }

第四步

运行即可！！！！

注：height: calc(100vh - 0px);