Vue移动端适配 flexible&px2rem

1. 安装插件

npm install postcss postcss-px2rem lib-flexible --save

2. main.js 引入 lib-flexible

import 'lib-flexible';

3. 创建postcss.config.js

module.exports = {
    plugins: [
        require('autoprefixer'), //自动添加前缀
        require('postcss-px2rem')(  //px转rem
            {
                remUnit: 75  //设计图是750  
            }
        )
    ]
}

以上就完成移动端适配了.

以下是PC端.

1. 如何是PC端,设计图是1920 第一步修改postcss.config.js

module.exports = {
    plugins: [
        require('autoprefixer'), //自动添加前缀
        require('postcss-px2rem')(  //px转rem
            {
                remUnit: 192  //设计图是192  
            }
        )
    ]
}

2. 第二步修改lib-flexible

function refreshRem(){
        var width = docEl.getBoundi