web_qp_phone_ui/postcss.config.js

module.exports = {
    plugins: {
        autoprefixer: {
            overrideBrowserslist: [
                "Android 4.1",
                "iOS 7.1",
                "Chrome > 31",
                "ff > 31",
                // "ie >= 8",
                "last 10 versions", // 所有主流浏览器最近10版本用
            ],
            grid: true,
        },
        'postcss-import': {},
        'postcss-px-to-viewport': {
            'unitToConvert': "px", // 要转化的单位
            'viewportWidth': 415, // 视窗的宽度，对应的是我们设计稿的宽度
            // 'viewportHeight': 896, // 视窗的高度
            'unitPrecision': 5, // 指定`px`转换为视窗单位值的小数位数(很多时候无法整除)
            'propList': ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
            'viewportUnit': 'vw', // 指定需要转换成的视窗单位，建议使用vw
            'fontViewportUnit': "vw", // 指定字体需要转换成的视窗单位，默认vw
            'selectorBlackList': [], // 指定不转换为视窗单位的类
            'minPixelValue': 1, // 小于或等于`1px`不转换为视窗单位
            'mediaQuery': true, // 允许在媒体查询中转换`px`
            'exclude': /(\/|\\)(node_modules)(\/|\\)/,
            'include': [],// src/views/webgl/DashBoard.vue'
            'landscape': true, // 是否处理横屏情况
            'landscapeUnit': 'vh',
            'landscapeWidth': 415
        }
    }
}