免费在线 CSS 单位转换器，支持 px、rem、em、pt、vw 五种单位互转，可自定义根字号与视口宽度，本地处理数据不上传。
摘要：免费的在线 CSS 单位转换器，支持 px、rem、em、pt、vw 五种单位互转，可自定义根字号与视口宽度，一次输入同时显示全部换算结果，本地处理数据不上传。
本地工具可在 DevTools → Network 搜索输入内容，通常不会出现在请求中。
使用指南
设计稿给 px，代码里要 rem；同事的 em 要换算；响应式还得看 vw 在某视口下的像素。本工具支持 px/rem/em/pt/vw 等互转，可设根字号（默认 16px）与视口宽度，纯本地计算。
1. 怎么用
设定根字号与视口宽，输入源值与单位，读取目标单位结果。换算前先确认设计稿是按哪一档根字号标注的，否则全盘偏移。
- 设置根字号与视口。
- 输入源数值与单位。
- 复制目标单位结果。
2. 换算前两个确认
项目 html 的 font-size 是否真是 16px 或 62.5%；组件库是否用 rem 而模块内部混用 em。单位混用不是错误，但换算基准必须说清。
- 读清设计标注基准。
- 分清 rem 相对根、em 相对父。
- vw 依赖视口假设。
3. 设计稿链路
从 px 标注落到 rem 时，先定根字号策略，再批量换算 spacing/font。把结果写成 design token，而不是每次手算。本页适合单值与核对，不是完整 token 仓库。
4. pt 与打印
pt 在屏幕与打印语境含义不同。做屏幕 UI 时优先 px/rem；涉及打印样式再认真对待 pt，并在目标打印机上校对。
5. 和 px↔rem 专用页
若只做 px/rem/em 且关心 62.5% 技巧，专用页更聚焦；本页覆盖更多单位。两者都是计算器，选你当前问题更近的入口。
6. 验收
改根字号后抽查导航与正文是否仍符合视觉规范；移动视口下看 vw 是否过度缩放。把异常记回 token，而不是只改一处魔法数。
常见问题
换算本身不需要：输入数值后由浏览器即时计算，免费、无注册，也不把你的配置发往任何服务器。
支持 px、rem、em、pt、vw 五种常用单位互转，覆盖响应式布局、印刷排版和视口适配。如果只做 px↔rem/em 且关心 62.5% 根字号技巧，站内的 px↔rem 专用页更聚焦；涉及 pt、vw 时用本页。
可以，默认 16px，可按项目实际配置调整，该值直接决定 rem 与 em 的换算结果。换算前先确认两件事：设计稿按哪一档根字号标注、项目 html 的 font-size 是否真是 16px 或 62.5%——基准搞错会全盘偏移。
vw 基于可配置的视口宽度（默认 1920px）计算，1vw 等于视口宽度的 1%。注意换算依赖这个视口假设：移动端小屏下可能出现过度缩放，落地后要实际抽查。
两者基准不同：rem 相对根元素，em 相对父元素。组件库整体用 rem、模块内部又混用 em 时，必须先说清换算基准再算；单位混用本身不是错误，基准含糊才是。
pt 在屏幕与打印语境下含义不同。做屏幕 UI 时优先 px/rem；只有涉及打印样式时再认真换算 pt，并在目标打印机上实际校对效果。
相关工具
相关文章
CSS 单位分界:px、rem、em 各管什么,换算怎么不出错
px 转 rem 的公式与速查表、rem 与 em 的分界(root 相对 vs 父级相对)、62.5% 技巧的利弊、媒体查询里的 rem 陷阱、浏览器最小字号限制,附在线 CSS 单位换算工具。
在线 XML/JSON 转换器：数据格式互转工具
学习如何在 XML 和 JSON 格式之间转换数据。了解属性/@ 前缀、CDATA、数组折叠与校验错误定位，以及在 API 集成与遗留系统对接中的用法。
在线颜色转换器：HEX、RGB、HSL 颜色格式互转
学习如何使用在线颜色转换器在 HEX、RGB、HSL、RGBA、HSLA 格式之间转换。了解透明度通道、现代 CSS 语法与前端配色中的对比度检查。