CSS单位转换教程:px/pt/em/rem在线快速互转

2026-06-04 编码转换 1 次浏览
CSS单位转换,px转em,px转rem,pt转px,前端单位换算

em和rem到底差多少?

写CSS的时候,px是最直觉的单位,但做响应式布局就得用em或rem了。问题是:16px到底等于多少rem?em和rem又有什么区别?简单说,em相对于父元素字号,rem相对于根元素字号。换算的时候还要考虑基准字号,心算容易翻车。不如直接输入数值,工具帮你一次算出所有单位的对应值。

怎么用?

  1. 打开CSS单位转换工具
  2. 输入数值和单位。
  3. 设置基准字号(默认16px),所有单位的换算结果自动出来。
  4. 点复制按钮拿走就用。

全程本地处理。