vue移动端适配（自适应不同尺寸屏幕，亲测可用）

• 我这个项目是一个简单的vue2的项目，以此为例
• 目标：
  • 通过postcss-pxtorem来实现自动渲染px至rem的开发与生产工作，而不需要再手动计算
• 实现方法：
  • postcss-pxtorem:将px转换为rem
  • amfe-flexible:为html、body添加font-size，窗口调整时候重新设置font-size
• 安装与使用
  • npm install amfe-flexible --save
  • npm install postcss-pxtorem --save
  • 安装完可以在packjson.js中看到
• 使用
  • 在main.js中引入amfe-flexible
  • 
  • 创建postcss.config.js文件并配置
  • 
  • rootValue根据设计稿宽度除以10进行设置，这边假设设计稿为375px，即rootValue设为37.5，如果是750px的设计稿，rootValue就是75;
  • propList设置需要转换的属性，这边"为所有都进行转换。

module.exports = { 
plugins: 
 {  autoprefixer: {}, 
    'postcss-pxtorem':
      { rootValue: 39, 
        propList: ['*'] 
       } 
      }
 }

• 这样就能按照设计图写px了，然后运行之后插件就会自动给转成px，完成了移动端的适配
• 
•