CSS 单位转换
在浏览器本地一对一换算 CSS 单位，支持 px、rem、em、%、vw、vh、vmin、vmax、pt、cm、mm、q、ex、ch，并可配置根字号、父字号、视口、DPI 与百分比参照。
像素
px
点击切换单位
长度单位
字体/排版
视口单位
比例/百分比
相对根字号
rem
点击切换单位
长度单位
字体/排版
视口单位
比例/百分比
CSS 单位转换输入数值并选择来源单位选择目标单位，或用“交换”反向换算需要时设置 rem/em/%/vw/vh 上下文复制换算结果切换视口预设来检查 vw/vh
快速开始
1
2
3
4
5
常见使用场景
用途
响应式布局、设计到前端协作、跨密度/打印对照、样式规范统一
使用建议
设定基准：将根字号设为 16px 常见，便于 rem ↔ px 心算
文本建议 rem：便于全局缩放与无障碍；局部组件可用 em 做相对缩放
布局估算可用 vw/vh/vmin/vmax：结合断点与最小/最大值约束，避免极端拉伸
小数与取整：输出保留合理精度，避免过长小数影响可读性
转换参数与上下文
REM 基准（Root Font Size）：决定 rem 与 px 的换算比例。Web 常用 16px，便于心算（1rem≈16px）。当设计稿不是以 16px 为基准时，可临时调整以快速估算 rem 数值。
EM 基准（Parent Font Size）：决定 em 与 %（当参照为“字体大小”）的换算。适合组件局部缩放：修改父字号即可整体按比例变化。
% 参照：选择“字体大小 / 宽度 / 高度”作为 % 的参考量。用于估算时：布局相关请选择“宽度/高度”；排版相关（如 line-height）选择“字体大小”。
断点预设：移动 / 平板 / 桌面 / 大屏会同步设置视口宽高，便于在不同屏宽下快速验证换算。此处仅用于估算，不等同于运行时的媒体查询。
视口宽高：用于 vw/vh/vmin/vmax 与 %（参照为宽/高）的换算。实际设备上还会受地址栏/安全区/滚动条影响，少量偏差属正常现象。
DPI（每英寸像素）：用于物理单位 pt/pc/in/cm/mm/q ↔ px 的换算。默认 CSS 估算基准为 96 DPI；自定义值仅作为打印/设备估算，不代表浏览器最终布局计算。
建议：1）常用 16px 与 96 DPI 作为基准；2）布局百分比估算时配合断点切换验证；3）这些参数用于“设计/沟通的快速换算”，并不替代浏览器在真实 DOM/CSS 上的最终计算。
限制与兼容性
% 的参照因 CSS 属性、包含块与布局模式而异；本工具按所选字体大小/视口宽度/视口高度做估算，不是真实父容器或 DOM 计算
ex/ch 在这里按父字号近似估算，不读取字体度量、字形或浏览器 computed style，跨字体/浏览器可能不同
经典 vw/vh/vmin/vmax 会受滚动条、地址栏与安全区域影响；本工具不计算 dvh/svh/lvh、vi/vb、安全区或容器查询单位
物理单位到 px 使用配置的 DPI 估算；打印/高密设备仍需以实测或打样验证为准
隐私与安全
处理在浏览器中完成。输入值、From/To 单位、各单位缓存值、根字号、父字号、视口、DPI、百分比参照和断点选择可能保留在当前浏览器会话或浏览器存储中。若你保存工作区或启用 WebDAV 同步，这些值可能按你的同步设置保存。换算结果由当前数值、单位和上下文设置重新计算，不会作为单独结果存储。本页不抓取 URL，也不会把数值发送到服务端换算。在共享设备上，必要时清空数值、设置和站点数据。
常见问题
rem 相对根字号，影响可控、便于全局放大；em 相对父元素字号，适合组件内部相对缩放
布局与文字优先 rem 提升可访问性；图标/边框等细节允许使用 px 以保持像素对齐
移动端地址栏/安全区与滚动条会改变视口度量，建议结合断点与最小/最大值约束做保护
需要设定 DPI（如 96/72/300）；屏幕→印刷仅作估算，成品以打样与 ICC 流程为准