一、rem实现适配

1.安装rem

yarn add lib-flexible postcss-pxtorem@5.1.1

2.postcss.config.js

module.exports = {
    plugins: {
        "postcss-pxtorem": {
            "rootValue": 75,
            "propList": ["*"]
        }
    }
}

3.main.js导入

import ‘lib-flexible/flexible.js’

4.public/index.html

<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
 //注释这一行,关闭视口

5.rem是为移动端而生的要在pc和pad上跑动,一定要在App.vue文件中加

6.样式重置

//main.js
import ‘@/assets/css/reset.css’