🧰Locly

转换 px、rem 与 em

按自定义根字号在 px / rem / em 间互转

工具简介

CSS 单位换算可按根字号(默认 16)在 px、rem、em 之间同步转换。修改一侧即可更新其它。计算在浏览器本地完成。

使用方法

  1. 按需设置根字号
  2. 编辑 px、rem 或 em
  3. 查看同步结果
  4. 清除以恢复默认

常见使用场景

  • 设计稿 px 转 rem
  • 核对 em 相对尺寸
  • 教学 CSS 单位
  • 快速改样式表
  • 统一设计令牌

常见问题(FAQ)

Q1: 根字号是什么?

用于 rem 的基准 px,通常为 16,应与 html 的 font-size 一致。

Q2: em 和 rem 有何不同?

rem 相对根元素,em 相对父元素。本工具 MVP 将两者都按同一根字号换算。

Q3: 会上传数据吗?

不会。换算在浏览器本地完成。

Q4: 可以为 0 吗?

px/rem/em 可以为 0;根字号必须大于 0。

相关工具