如何用Vant和postcss-pxtorem实现全浏览器长尾词适配？

本文共计625个文字，预计阅读时间需要3分钟。

使用Rem+布局适配Vant中，默认使用px作为单位。若需使用rem单位，推荐以下两个工具：postcss-pxtorem，它是一款postcss插件，用于将px单位转换为rem；lib-flexible，用于设置rem基准值。

Rem 布局适配
Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具：
postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem
lib-flexible 用于设置 rem 基准值
看到最后有惊喜!

一、npm安装

npm install postcss-pxtorem --save

二、新建.postcssrc.js做如下修改

注：
1、以下注释代码开启后运行脚本会出现报错的提示,虽不知道有什么用,注释就好啦。