重要声明

• 本项目是借鉴postcss-px2rem的基础上进行的二次开发。
• 基于media媒体查询进行不同屏幕分辨率适配方案
• 基本用法与postcss-px2rem一致
• 使用方法

    //增加vue.config.js文件配置css
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    require('postcss-media2px')({
                        defaultUnit: "device-width",// 还可以通过其他方式
                        ratios: [
                            {
                                min: 1300,
                                ratio: 0.6
                            }, {
                                min: 1300,
                                max: 1400,
                                ratio: 0.7
                            }, {
                                min: 1400,
                                max: 1600,
                                ratio: 1
                            }, {
                                max: 1600,
                                ratio: 1.2
                            }
                        ]
                    })
                ]
            }

        }
    }