跳到工具
JoeLucky

点击工具页的「收藏」加入

工具类别

代码截图CSS 渐变生成器玻璃拟态生成器Box Shadow 生成器CSS 加载动画SVG Blob 生成器SVG 转 PNG颜色对比度检查工具PX/REM/EM 转换器
JoeLucky

实用好用的在线工具集合站

隐私政策服务条款

© 2026 JoeLucky®. 版权所有。

  1. JoeLucky
  2. /CSS 与设计
  3. /PX/REM/EM 转换器

PX/REM/EM 转换器

在 px、rem 与 em 之间转换,可自定义根字体大小,支持批量列表。

rem 一律相对于此根字体大小计算。

em 相对于此父层/上下文字体大小计算,与根字体大小是分开的两个值。

px

16

rem

1

em

1

相似CSS 与设计

查看全部
代码截图

将代码转成美观的分享图片,支持多种主题

打开 →
CSS 渐变生成器

可视化设计线性、放射、圆锥渐变,即时复制 CSS 代码

打开 →
玻璃拟态生成器

实时预览玻璃拟态效果,一键复制 CSS 代码

💬 用户留言

?

还没有留言,抢先留下你的想法!

什么是PX/REM/EM 转换器?

PX/REM/EM 转换器可在三种 CSS 单位间互相转换,rem 相对于根字体大小,em 则相对于独立可调的上下文字体大小。

如何使用?

  1. 视需要调整根字体大小与上下文字体大小。
  2. 切换单一数值或批量清单模式进行转换。

常见问题

rem 和 em 到底差在哪?

rem 永远相对于「根元素」(通常是 html)的字体大小计算,不论嵌套多深都一样;em 则相对于「当前元素(或其父层)」的字体大小计算,嵌套使用时会随层级叠加。本工具刻意把两者的输入字段分开,避免混用。

批量模式的数字格式有限制吗?

每行输入一个数字即可,支持小数;无法解析的行会在结果表格中清楚标示为错误,而不会被悄悄略过或当成 0。

这个工具会解析我的 CSS 文件吗?

不会。V1 仅做数值换算,不含剖析/自动转换整份 CSS 文件的功能,这项功能已规划为 V2。

打开 →