rem 是一个相对单位 是相对于html的font-size的大小
Vant 中的样式默认使用px
作为单位,如果需要使用rem
单位,推荐使用以下两个工具:
- postcss-pxtorem 是一款
postcss
插件,用于将单位转化为rem
- lib-flexible 用于设置
rem
基准值
1.下载依赖
cnpm install lib-flexible postcss-pxtorem --save-dev
2.在main.js中引入:
import ‘lib-flexible/flexible’;
3.创建.postcssrc.js (下面的代码块可以代替之前基础的代码)
module.exports = {
plugins: {
autoprefixer: {
overrideBrowserslist: ['Android 4.1', 'iOS 7.1', 'Chrome > 31', 'ff > 31', 'ie >= 8']
},
'postcss-pxtorem': {
rootValue: 75,
propList: ['*']
}
}
}