vant官方给的两种方式:
- Vant 默认使用 px 作为样式单位,如果需要使用 viewport 单位 (vw, vh, vmin, vmax),推荐使用 postcss-px-to-viewport 进行转换。
- 如果需要使用 rem 单位进行适配,推荐使用以下两个工具:
- postcss-pxtorem 是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位
- lib-flexible 用于设置 rem 基准值
我用的第一种。(因为第二种设置,我搞的一团糟,不会用,是我的问题,太垃圾了)
build: {
postcss:[
require("postcss-px-to-viewport")({
viewportWidth: 375