CSS 单位转换器 - px/rem/em/pt/vw 互转
100% 本地免费在线 CSS 单位转换器，支持 px、rem、em、pt、vw 五种单位互转，可自定义根字号与视口宽度，本地处理数据不上传。
摘要：免费的在线 CSS 单位转换器，支持 px、rem、em、pt、vw 五种单位互转，可自定义根字号与视口宽度，一次输入同时显示全部换算结果，本地处理数据不上传。
此工具完全在您的浏览器中运行。打开 DevTools → Network 面板，搜索您的输入内容——它不会出现在任何请求中。
使用指南
设计稿给的是 px，代码里要写 rem；同事的 em 要换算成自己的 pt；响应式布局还得看 vw 在某个视口宽度下的实际像素——手算费时又易错。本工具支持 px/rem/em/pt/vw 互相换算，内置根字号（默认 16px）和视口宽度设置，本地即时计算。
1. 怎么用
- 输入数值（如 24）并选择原单位。
- 设置根字号（html font-size，默认 16px）——影响 px↔rem 换算；需要 vw 结果时设置设计稿视口宽度。
- 选择目标单位，即时看到换算结果；多个目标单位会同时展示对照表。
2. 换算单位前的两个确认
- rem 以根元素字号为基准，em 以父元素字号为基准——同样的 px 值在这两种上下文里结果可能不同，先确认目标元素的继承链。
- vw/vh 随视口变化不是固定值：换算结果对应你设置的基准宽度，真实渲染以浏览器为准。
- pt 是印刷单位（1pt = 1/72 英寸），屏幕显示下常被 px 替代，仅打印样式真正需要。
- 移动端 rem 适配常用的基准是 375/390px 设计稿，别按 1920 换算移动端。
3. 设计稿换算的完整链路
实际项目里，px → rem 只是第一步：通常还要把 px 数值除以根字号得到 rem 系数，然后写进 CSS 变量或 Tailwind 的 spacing 配置。换算工具解决的是「数值正确」，而「单位策略」要提前定：全站 rem 响应式（font-size 用媒体查询或 clamp）、或 Tailwind 默认的 px 体系。对上一步再用 number-base-advanced 验证比例是否正确，避免 16 的因数关系算错。
常见问题
完全免费，无需注册。直接在浏览器中输入数值即可在多种 CSS 单位间互转，所有计算本地完成，不限使用次数。
支持 px、rem、em、pt、vw 五种常用 CSS 单位的互相转换，覆盖响应式布局、印刷排版和视口适配等常见场景。
可以。根字体大小默认为 16px，你可以根据项目实际配置调整。该值直接影响 rem 和 em 的换算结果，确保与你的设计规范一致。
vw 基于可配置的视口宽度（默认 1920px）计算。1vw 等于视口宽度的 1%，转换器会根据你设置的视口宽度准确换算 px 与 vw 之间的对应关系。