vue lib-flexible和postcss-px2rem PC端和移动端的适配,PC端的设计稿1920，移动端的设计稿750（记录适配过程）

1.安装依赖包

1. npm install lib-flexible --save

2. npm install postcss-px2rem --save

2.配置loader转换参数 找到 build/utils.js,    只适配750设计图的情况填75

找到generateLoaders函数载入loader

3.在node_modules 找到 lib-flexible文件下的flexible.js，然后找到refreshRem函数，将其改为：

      let flag = win.navigator.userAgent.match(

        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i

    );

    if(flag === null) {

        var rem = width / 10;

        console.log("pc端",rem);

    }else {

        var rem = (width / 10)*2.56;   // 移动端的2.56 是 我用  192 /75 = 2.56  然后移动端的尺寸就可以1:1 进行

        console.log("移动端",rem);

    }

 4.mian.js文件引入 

import 'lib-flexible'

5.重新npm run dev

6.效果图