px/rem/vw单位换算器

工具介绍

这是一款在线单位换算工具，可以快速完成 px 与 rem、vw 单位的互相换算，也支持批量替换 CSS 代码中的 px 为 rem，适配移动端自适应开发需求。

使用方法

1. 设置你的项目根字体大小（默认 16px，浏览器默认根字号）和设计稿宽度（默认 375px，常见移动端设计宽度）。
2. 在「输入单个像素值」中输入 px 数值，即可实时得到对应的 rem 和 vw 值。
3. 如果需要批量转换，将包含 px 的 CSS 代码粘贴到批量转换区域，工具会自动将所有 px 值按根字号换算为 rem。

换算原理

• rem 换算公式：rem = px / 根字体大小
• vw 换算公式：vw = (px / 设计稿宽度) * 100
• 批量转换是基于正则表达式匹配所有数值+px的格式，逐一替换为计算后的 rem 值。

注意事项

批量转换只替换 px 数值，不处理带有 calc 等特殊表达式的情况，转换后的结果请自行校验。根字体大小和设计稿宽度请根据你的项目实际设置填写。