}
.header {
background-color: green;
width: 75rem;
height: 0.88rem;
}
.content {
background-color: red;
width: 75rem;
height: 4rem;
}
.footer {
background-color: pink;
width: 75rem;
height: 0.88rem;
}
</style>
手写rem 与 移动端vant配置rem(1)
最新推荐文章于 2024-08-24 15:30:52 发布
本文介绍了如何在移动端项目中配置 vant 组件库并实现 px 到 rem 的转换。首先，通过 `npm` 安装 vant 和必要的插件，如 postcss-pxtorem 和 lib-flexible。接着，解决 postcss 版本问题并降级 postcss-pxtorem。然后，在 main.js 中引入 vant 并设置根节点字体大小。最后，创建 postcss.config.js 文件以自定义转换规则，根据文件类型选择不同的根字体大小。
最低0.47元/天 解锁文章
扫一扫
1163
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
