CSS 单位转换器
CSS 单位转换器围绕给定根字号把像素与 rem、em、百分比、视口单位互相换算,帮你在设计稿像素值与响应式代码之间来回对齐,避免 rem 基准算错导致整页字号偏移。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算,输入内容不会离开您的设备。
怎么用
- 设定根字号与基准值
- 输入源数值并选单位
- 查看各目标单位换算
- 复制适配的值写进样式
典型场景
把设计稿 px 换算成 rem 落地
字号百分比与像素之间来回核对
视口单位与像素尺寸对齐换算
常见问题
rem 与 em 差别?
rem 相对根字号、em 相对父级字号,本页分别给出。
改根字号影响大吗?
所有 rem 随之缩放,换算前需确认项目基准。
vw 是按屏宽吗?
以视口宽度为基准,转换时按你填的宽度计算。