0

PX 到 REM 转换器,带 10px 底座

使用可复制的 CSS 行和实时参考表,以任何基本字体大小将 px 转换为 rem、rem 转换为 px 以及 px 转换为 em。

处理中... 0%

结果

此页面打开转换器,基本字体大小预设为 10px。这是经典的 html { font-size: 62.5% } 设置:16px 浏览器默认值的 62.5% 正好是 10px,因此 rem 值变得非常可读 - 14px 是 1.4rem,18px 是 1.8rem,24px 是 2.4rem。

团队采用 10px 基数正是为了避免尴尬的十六进制:您不必记住 14px 是 0.875rem,只需移动小数点即可。因为该技巧使用百分比而不是固定像素值,所以它仍然尊重用户在浏览器首选项中设置的字体大小,这首先是 rem 单位的整个可访问性参数。

键入任意像素值,以获取其在 10 像素基础上的 rem 等效值以及可复制的 CSS 行,并检查下面的参考表以了解已转换的整个 1-64 像素比例。如果您的项目使用不同的根大小,请更改基本字段,所有内容都会随之生效。