#### 1.安装lib-flexible ``` npm i lib-flexible --save npm i postcss-pxtorem --save ``` #### 2.main.js中引入 ``` import 'lib-flexible/flexible.js' ``` #### 3.在postcss.config.js中配置 ``` module.exports = { plugins: { autoprefixer: {}, "postcss-pxtorem": { // 设计稿宽度的1/10 "rootValue": 75, "propList":["*"] } } }; ``` #### 4.rem是为移动端而生的要在pc和pad上跑动,一定要在App.vue文件中加 ``` <template> <div id="app"> <router-view></router-view> </div> </template> <style> #app{ width:10rem; margin-left:auto; margin-right:auto; } </style> ```