Vant 中的样式默认使用px
作为单位,如果需要使用rem
单位,推荐使用以下两个工具:
- postcss-pxtorem 是一款
postcss
插件,用于将单位转化为rem
- lib-flexible 用于设置
rem
基准值, -
安装并引入插件
也可能会出现版本过低的现象建议使用新版接口
2. main.js 导入
PostCSS 配置
1.创建.postcssrc.js
下面提供了一份基本的 postcss
配置,可以在此配置的基础上根据项目需求进行修改
rem是相对于根元素(html标签)的字体大小的单位。 核心思想:百分比布局可实现响应式布局,而rem相当于百分比布局。 实现手段:动态获取当前视口宽度width,除以一个固定的数n,得到rem的值。 表达式为rem = width / n