关于 vant 移动端的 rem 适配方案

vant 移动端的 rem 适配，推荐以下方案，使用两个工具

一：使用 lib-flexible 动态设置 rem 基准值 (html 标签的字体大小)

(1) 安装依赖：

npm i amfe-flexible -D

(2) 在main.js 中引入

import 'amfe-flexible'

(3) 最后测试：你可以在浏览器中切换不同的手机设备尺寸，观察 html 标签 font-size 的变化

---

二： 使用 PostCss-petorem，是一款 PostCss 插件，用于将px单位转换为 rem，当然postcss 的功能远不如此，有兴趣的可以去了解。

(1) 下载依赖

npm install postcss-pxtorem -D

(2) 在 postcss.config.js 中粘贴以下代码，没有就新建一个，位置是 根目录 (也就是和package.json 平级的地方) 

module.exports = {
  plugins: {
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*']
    }
  }
}

---