CSS中PX批量转REM工具
快速将CSS中的PX单位批量转换为REM单位,助力响应式设计开发,提升工作效率。
px
(默认: 16px = 1rem)
已复制到剪贴板
使用说明
- 在左侧文本框中输入需要转换的PX值或完整CSS代码
- 根据您的设计需求,调整基准字体大小(默认16px)
- 点击"转换"按钮,查看右侧转换结果
- 点击"复制"按钮,将转换后的代码复制到剪贴板
示例:
.container { width: 320px; height: 240px; margin: 10px; }
转换为:
.container { width: 20rem; height: 15rem; margin: 0.625rem; }
用户评价 (4.1/5 - 189次投票)
5 星
45%
4 星
30%
3 星
15%
2 星
6%
1 星
4%
4.1
基于 189 个评分
李明
2025年6月15日
这个工具太棒了!在做响应式设计时帮了我大忙,批量转换功能节省了我大量时间。界面简洁明了,使用非常方便。
王芳
2025年5月28日
很好用的工具,转换准确率高。建议增加一个批量替换功能,这样可以直接在编辑器中替换,会更加方便。
张伟
2025年4月10日
总体来说还不错,界面美观,使用简单。但有一个小问题,当CSS中有注释时,注释里的px也会被转换,希望能修复这个问题。