em 转像素计算器

输入以 em 为单位的数值和基准字号,转换为像素。

使用方法

  1. 在上方的输入框中填写您的数值。
  2. 点击“计算”即可立即查看结果。
  3. 使用“分享”按钮复制结果链接。

关于此计算器

em 是与字号挂钩的相对 CSS 长度单位:1em 始终等于其所作用元素的当前字号(如果用于设置字号本身,则等于父元素的字号)。浏览器默认的根字号为 16px,因此在默认设置下 1em = 16px,一般地 px = em × 基准字号——在 16px 基准上设为 2em 的标题渲染为 32px,而同样的 2em 在 18px 基准上则渲染为 36px。

由于 em 会随用户或父元素的字号而缩放,它是 CSS 开发者在响应式和无障碍排版中的首选单位——行高、外边距,以及在用户调大浏览器文字大小设置时应当随之增大的字号。把基于像素的设计稿(Figma、Sketch)转换为可缩放、无障碍的 CSS 时,在 em 与像素之间换算是一个常规步骤。

这对你有帮助吗?

最多可以选择 3 个表情反应。

评论

  • 来发表第一条评论吧。

热门计算器

所有计算器