vue 适配

vue 适配

1.amfe-flexible
amfe-flexible是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。

2.postcss-pxtorem
postcss-pxtorem是postcss的插件，用于将像素单元生成rem单位。

先安装amfe-flexible和postcss-pxtorem

npm install amfe-flexible --save
npm install postcss-pxtorem --save


在main.js导入amfe-flexible
// 适配
import 'amfe-flexible';
import 'amfe-flexible/index.js';

同在 项目的根目录下 创建 postcss.config.js 文件

写入如下代码

module.exports = {
    plugins: {
        autoprefixer: {
            overrideBrowserslist: ['Android >= 4.0', 'iOS >= 8'],
        },
        'postcss-pxtorem': {
            rootValue: 192,
            propList: ['*'],
            selectorBlackList:['van']
        },
    },
};