Vue移动端适配 --- px自动转rem

1.安装

npm i amfe-flexible --save      //为html、body添加font-size,窗口调整时自动重新设置font-size
npm i postcss-pxtorem --save    //将px自动转换为rem

2.使用

   1.在main.js入口文件引入

import 'amfe-flexible'

   2.在根目录下创建postcss.config.js配置文件（和node_modules同级） 

module.exports = {
   plugins:{
      autoprefixer:{},
      //flexible配置
      "postcss-pxtorem":{
         "rootValue":75, //设计稿宽度的1/10，根据设计稿宽度进行设置，设计稿宽度750px时写75
         "propList":["*"]//需要做转化处理的属性，如'height'、'width'、'margin'等，'*'标识全部
      }
   }
}

"rootValue"：设计稿宽度的1/10，根据设计稿宽度进行设置，设计稿宽度750px时写75
"propList"：需要做转化处理的属性，如'height'、'width'、'margin'等，'*'标识全部

3.测量设计稿进行开发

   测量多少px写多少px，无需自己计算rem单位，会自动转换