CSS 单位转换
在浏览器本地一对一换算 px、rem、em、%、vw、vh、vmin、vmax、pt、pc、in、cm、mm、q、ex、ch 等 CSS 单位，并可设置根字号、EM 基准字号、视口和百分比参照。CSS 绝对单位采用固定比例 1in = 96px。
px
点击切换单位
长度单位
字体/排版
视口单位
比例/百分比
rem
点击切换单位
长度单位
字体/排版
视口单位
比例/百分比
CSS 单位转换输入数值并选择来源单位选择目标单位，或用“交换”反向换算根据需要设置根字号、EM 基准、百分比参照和视口上下文；EM 应使用该属性实际使用的字号。复制换算结果切换视口预设来检查 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 基准字号：请输入该属性实际使用的字号。em 通常使用当前元素的计算字号；对于 font-size 等类似的字体相对属性，请使用父元素字号。此基准也用于 ex/ch 的近似估算，以及百分比参照选择“字体大小”时的 % 换算。
% 参照：选择“字体大小 / 宽度 / 高度”作为 % 的参考量。用于估算时：布局相关请选择“宽度/高度”；排版相关（如 line-height）选择“字体大小”。
断点预设：移动 / 平板 / 桌面 / 大屏会同步设置视口宽高，便于在不同屏宽下快速验证换算。此处仅用于估算，不等同于运行时的媒体查询。
视口宽高：用于 vw/vh/vmin/vmax 与 %（参照为宽/高）的换算。实际设备上还会受地址栏/安全区/滚动条影响，少量偏差属正常现象。
建议：1）16px 是常见的根字号和 EM 基准，但应以该属性实际使用的字号为准；2）估算布局百分比时，可切换断点进行验证；3）这些设置用于设计阶段的估算，不能替代浏览器最终的 DOM/CSS 计算。绝对单位始终采用 1in = 96px。
限制与兼容性
% 的参照因 CSS 属性、包含块与布局模式而异；本工具按所选字体大小/视口宽度/视口高度做估算，不是真实父容器或 DOM 计算
此处的 ex/ch 根据 EM 基准字号近似估算；结果并非对字体度量的检测，且会因字体和浏览器而异。
经典 vw/vh/vmin/vmax 会受滚动条、地址栏与安全区域影响；本工具不计算 dvh/svh/lvh、vi/vb、安全区或容器查询单位
CSS 绝对单位换算采用固定比例 1in = 96px。若要对应屏幕物理像素与打印尺寸，需使用本工具不提供的独立设备/打印工作流程。
隐私与安全
处理在浏览器中完成。输入值、From/To 单位、各单位缓存值、根字号、EM 基准字号、视口、百分比参照和断点选择可能保留在当前浏览器会话或浏览器存储中。若你保存工作区或启用 WebDAV 同步，这些值可能按你的同步设置保存。换算结果根据当前数值、单位和上下文设置重新计算，不会作为单独结果存储。本页不抓取 URL，也不会将数值发送到服务端换算。在共享设备上，请根据需要清空数值、设置和站点数据。
常见问题
rem 相对根字号。em 通常使用当前元素的计算字号；在 font-size 等类似的字体相对属性中，则使用父元素字号。请将 EM 基准设为该属性实际使用的字号。
布局与文字优先 rem 提升可访问性；图标/边框等细节允许使用 px 以保持像素对齐
移动端地址栏/安全区与滚动条会改变视口度量，建议结合断点与最小/最大值约束做保护
CSS px 换算采用 1in = 96px，并非屏幕到打印的物理换算。物理像素、打印机分辨率、ICC/打样和最终输出应使用独立的设备/打印工作流程。