SIZE / CSS

PX / REM 转换

PX 与 REM 双向转换工具,支持自定义根字号和多行数值,适合前端尺寸换算。

在线工作台

浏览器本地处理

Enter 执行 · Shift+Enter 换行

输入内容后,点击上方按钮开始处理。

Under the hood

实现原理

输入只在浏览器中处理,下面分别说明转换逻辑与页面实现方式。

Logic

工作原理

  • PX 转 REM 使用像素值除以根字号,反向转换则相乘。
  • 每行处理一个数值,可省略源单位,但不能混用错误的单位。
  • 结果最多保留六位小数,并移除无意义的末尾零。

Browser

前端如何实现

  • 页面逐行识别数字和单位,再根据根字号执行除法或乘法。
  • 换算结果会在浏览器内限制小数位并移除末尾零,原始输入保持可继续编辑。

Keep working

相关工具

查看全部 →