CSS单位互转
📐 CSS单位转换
快捷选择
单位转换(输入任意数值自动联动)
💡 功能说明
在线CSS单位转换工具:支持px、rem、em、pt、in、cm、mm、vw、vh、%等10种CSS单位之间的实时互转,输入任意单位的数值,所有单位自动联动更新,帮助前端开发者快速进行单位换算。
- 支持单位 — px、rem、em、pt、in、cm、mm、vw、vh、%
- 基准字号 — 可自定义基准字号(默认16px),用于rem/em/%转换计算
- 实时联动 — 修改任意单位的数值,所有单位自动同步更新,无需手动计算
- 快捷选择 — 提供8个常用预设值(12px ~ 32px,1rem),一键填入
- 一键复制 — 支持单个单位值复制和全部转换结果复制,方便粘贴使用
- 精准计算 — 精确到小数点后多位,自动去除末尾多余零
- 选中状态 — 输入值与预设值匹配时,快捷按钮自动高亮显示
⚠️ 注意事项
- vw/vh转换基于标准1920×1080屏幕尺寸计算
- 百分比(%)基于基准字号计算,适用于字体大小换算
- rem和em转换结果相同,两者都基于基准字号计算
- 修改基准字号后,rem/em/%的值会自动重新计算
- 输入非数字内容会清空所有转换结果
- 复制功能依赖浏览器剪贴板权限,请确保浏览器允许访问剪贴板