vue使用vant组件rem适配
第一步
安装 npm i postcss-pxtorem -D
并在main.js全局引入 import ‘amfe-flexible’
第二步
安装 npm i postcss-pxtorem@5.1.1
并在根目录下创建 postcss.config.js文件夹
第三步
在 postcss.config.js文件夹下做配置
module.exports = {
plugins: {
autoprefixer: {
browsers: [‘Android >= 4.0’, ‘iOS >= 8’],
},
‘postcss-pxtorem’: {
rootValue: 37.5,
propList: [’*’],
},
},
}
本文详细介绍了如何在Vue项目中结合Vant组件库进行REM适配,包括安装`postcss-pxtorem`和`amfe-flexible`,配置postcss.config.js文件,设置根字体大小和转换CSS属性,以实现移动端的屏幕适配。
4万+

被折叠的 条评论
为什么被折叠?



