Post

屏幕大小自适应

使用vscode 下载插件 px to rem & rpx & vw (cssrem)

1
2
3
4
amfe-flexible + postcss-pxtorem
yarn add amfe-flexible
yarn add postcss-pxtorem@5.1.1  

不能用postcss-pxtorem 6.x以上的,会报错 Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.

vuecli5 vue.config.js配置:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
css: {
    loaderOptions: {
    postcss: {
    plugins: [
        require("postcss-pxtorem")({
            rootValue: 192,   //基数
            propList: ["*"],
            selectorBlackList: [],
        }),
    ],
    },
    },
},

This post is licensed under CC BY 4.0 by the author.