首页›文本·编码·数据›CSS 单位转换器

CSS 单位转换器

CSS 单位转换器围绕给定根字号把像素与 rem、em、百分比、视口单位互相换算,帮你在设计稿像素值与响应式代码之间来回对齐,避免 rem 基准算错导致整页字号偏移。

永久免费本地计算 · 零上传

🔒 全程在浏览器内计算,输入内容不会离开您的设备。

怎么用

  1. 设定根字号与基准值
  2. 输入源数值并选单位
  3. 查看各目标单位换算
  4. 复制适配的值写进样式

典型场景

把设计稿 px 换算成 rem 落地
字号百分比与像素之间来回核对
视口单位与像素尺寸对齐换算

常见问题

rem 与 em 差别?

rem 相对根字号、em 相对父级字号,本页分别给出。

改根字号影响大吗?

所有 rem 随之缩放,换算前需确认项目基准。

vw 是按屏宽吗?

以视口宽度为基准,转换时按你填的宽度计算。

相关工具