vue3.x解决自适应问题

方案

先搭好脚手架

vue create webpack //创建的是3.x的脚手架

采用 lib-flexible + postcss-pxtorem 两个包解决

npm i lib-flexible postcss-pxtorem -s

//在main.js中引用：
import 'lib-flexible'

//在package.json中引用：
"postcss": {
    "plugins": {
      "autoprefixer": {},
      "postcss-pxtorem": {
        "rootValue": 37.52,// 设计稿宽度的1/10
        "propList": [
          "*"
        ]// 需要做转化处理的属性，如`hight`、`width`、`margin`等，`*`表示全部
      }
    }
},
//注：去掉注释！