为什么要解决适配问题
1.目的:有些项目时移动端(用户通过手机移动端来访问),所以需要去适配不同手机屏幕,我们 希望实现的效果是:与屏幕大小相关。
2.分析:Vant中的样式默认使用px作为单位 , 如果需要使用rem单位 , 推荐使用以下工具
官网地址 (https://youzan.github.io/vant/#/zh-CN/quickstart#rem-gua-pei)
1.)把所有px单位改成rem , 用 postcss-pxtorem 来实现,这个是一款 postcss 插件 , 用于将px 转换成rem
2.)根据不同手机屏幕宽度 , 来动态设置rem的参考值 : html 标签上的 font-size 的大小 , 用 lib- fiexible 来实现 , 用于设置 rem 基准值
3.安装包
这两个包安装时有些区别