Vant中使用postcss-pxtorem如何实现网页适配不同浏览器？

本文共计617个文字，预计阅读时间需要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、以下注释代码开启后运行脚本会出现报错的提示,虽不知道有什么用,注释就好啦。