vue项目移动端样式适配，postcss-px2rem和lib-flexible

1.安装插件

                       npm install postcss-px2rem

2.配置文件vue.config.js（下面代码复制到文件里）

     module.exports = {
       css: {
         loaderOptions: {
           css: {},
           postcss: {
             plugins: [
               require('postcss-px2rem')({
                 remUnit: 37.5
               })
             ]
           }
         }
       }
    }

3.写一段样式实验一下有没有配置成功

4.下图是成功的显示px自动转rem

                   设置rem的基（自动计算html的font-size）

     flexible会为页面根据屏幕自动添加<meta name='viewport' >标签，动态控制initial-scale，                    maximum-scale，minimum-scale等属性的值。

1.安装插件

                             npm install lib-flexible --save

2.在 src / main.js 中导入

                             import 'lib-flexible'