px / rem 换算
px、rem、em、pt、vw 与百分比互转：根字号可配置（默认 16px），支持批量输入、自定义小数位，并给出换算公式与非法值提示。
浏览器本地运行所有计算都在你的浏览器里完成，数据不会离开本机。
换算设置
4
单个换算
换算公式: 1 rem = 16 px
像素 px
24rem
1.5em
1.5磅 pt
18视口宽 vw
1.875百分比 %
150批量换算
每行一个值
| # | 输入 | 单位 | px | rem | em | pt | vw | % |
|---|---|---|---|---|---|---|---|---|
| 1 | 16px | px | 16 | 1 | 1 | 12 | 1.25 | 100 |
| 2 | 1.5rem | rem | 24 | 1.5 | 1.5 | 18 | 1.875 | 150 |
| 3 | 24 | px | 24 | 1.5 | 1.5 | 18 | 1.875 | 150 |
| 4 | 2em | em | 32 | 2 | 2 | 24 | 2.5 | 200 |
| 5 | 12pt | pt | 16 | 1 | 1 | 12 | 1.25 | 100 |
| 6 | 5vw | vw | 64 | 4 | 4 | 48 | 5 | 400 |
| 7 | 50% | % | 8 | 0.5 | 0.5 | 6 | 0.625 | 50 |
已跳过空行与 # 开头的注释行
这个工具能做什么
- 把设计稿的 px 值换成 rem：根字号默认 16px，输入 24px 立刻得到 1.5rem，写响应式 CSS 时不用反复按计算器。
- 接手别人的项目时反查数值：看到 1.5rem 想知道到底多少像素，一次就能看到 px、em、pt、vw 和百分比全套结果。
- 做打印样式表时在 pt 和 px 之间换算，1pt = 4/3 px 的固定比例直接给出，不用记公式。
- 批量整理一份间距或字号清单：每行一个值，带不带单位都行，解析不了的行会单独列出行号和原因。
示例
输入
24px
输出
24 px · 1.5 rem · 1.5 em · 18 pt · 1.875 vw · 150 %
默认根字号 16px、em 基准等于根字号、视口宽度 1280px，所以 24px = 24/16 rem = 1.5rem，vw 是 24/1280×100 = 1.875。
常见问题
rem 和 em 有什么区别？
rem 永远以 html 的根字号为基准，嵌套元素里也不会变；em 以当前元素的字号为基准，会随父级字号层层放大。所以这里 em 有单独的基准字号设置，默认跟根字号一致，可以改成实际场景的值。
百分比算的是什么的百分比？
按根字号计算，等价于 rem × 100。它适合用在 line-height、font-size 这类相对父级字号的场景，不要把它当成相对容器宽度的百分比。
vw 换算为什么需要视口宽度？
1vw 等于视口宽度的 1%，不给出宽度就无法换算出具体像素。默认按 1280px 计算，把「视口宽度」改成你实际设计稿的宽度，结果才准确。
批量输入里哪些行会被跳过？
空行和以 # 开头的注释行会直接跳过。带单位后缀（px/rem/em/pt/vw/%）的行按后缀单位换算，不带单位的行按「输入单位」设置处理，默认是 px。
解析失败会怎样？
不会中断整批换算。非法数值会标为「无法解析这个数值」，不认识的单位标为「不支持这个单位」，并在结果里带上原始行号和内容，改完重新粘贴即可。
关键词：px rempx 转 remrem 换算root font sizeemvwptrem to px响应式单位