px 到 em

根据任何父字体大小将像素转换为 em 单位 — 对于可扩展、可访问的 CSS 排版至关重要

16px ÷ 16 = 1 em
结果
1 em

parent: 16px

px16em116px = 1em

关于这个计算器

em 单位是相对于其父元素的字体大小的,这使得它与 rem 不同,依赖于上下文。在构建应随容器缩放的组件时,将 px 转换为 em 非常有用。输入您的 px 值和父级的字体大小,即可立即获得等效的 em - 非常适合嵌套组件中的填充、边距和字体大小。

常见示例

  • 16px = 1em(父级 16px)
  • 24px = 1.5em(父级 16px)
  • 14px = 0.875em(父级 16px)
  • 20px = 1.25em(父级 16px)
  • 12px = 0.75em(父级 16px)