vue 响应式布局postcss-pxtorem+amfe-flexible使用

1.npm install postcss-pxtorem --save

2. 修改配置文件 postcss.config.js

module.exports = {
    "plugins": {
        "postcss-pxtorem": {
            rootValue: 192, // 根据设计图尺寸写，设计图是1920，就写192
            propList: ['*'], // 需要被转换的属性
            selectorBlackList: [] // 不进行px转换的选择器
        }
    }
};

2.

　npm install amfe-flexible --save 

• 引入 lib-flexible

　　　　在项目入口文件 main.j

• 添加 meta 标签

　　　　在项目根目录的 index.html 中添加如下 meta　

 <meta name="viewport" content="width=device-width,initial-scale=1.0">