VUE-使用REM解决多屏适配

为什么要解决适配问题

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.安装包

这两个包安装时有些区别