vue适配可视窗口

// 安装依赖
npm install amfe-flexible --save
npm i postcss-pxtorem@5.1.1  --save  // 装5.1.1版本

// main.js引入
import 'amfe-flexible';

// vue.config.js
module.exports = {
    //...其他配置
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    require('postcss-pxtorem')({
                        rootValue: 37.5,
                        propList: ['*']
                    })
                ]
            }
        }
    },
}

// 创建.postcssrc.js或postcss.config.js文件
module.exports = {
    "plugins": {
        'postcss-pxtorem': {
        // rootValue根据设计稿宽度除以10进行设置，这边假设设计稿为375，即rootValue设为37.5；
            rootValue: 37.5,
            // propList是设置需要转换的属性，这边*为所有都进行转换。
            propList: ['*']
        }
    }
}