PC 移动端自适应

一、安装命令

npm install postcss-px-to-viewport --save-dev

二、新建文件 引入文件

在项目根目录下新建文件 vue.config.js

image.png

文件内容

module.exports = {
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    require("postcss-px-to-viewport")({
                        "viewportWidth": 1180,
                        "minPixelValue": 1,
                        "mediaQuery": false,
                    //    "selectorBlackList": ["van", "el"],
                        "landscape": true,
                        "landscapeUnit": "vw",
                        "landscapeWidth": 1920
                    })
                ]
            }
        }
    }
}