免费Em转像素转换器
将CSS的em单位转换为像素值，适用于网页设计。
em
px
Pixels
24.0 px
Rem (if root = 16px)1.500 rem
得分18.0 pt
公式
Em to Pixels
Pixels = Em x Base Font Size
What is an Em?
In CSS, 1em equals the computed font size of the parent element. If the parent is 16px, then 1em = 16px, 1.5em = 24px, 0.875em = 14px.
Em vs Rem
Default browser root font size is 16px.
计算示例
1.5em with a 16px base font.
- 01Pixels = 1.5 x 16 = 24px
- 02Rem = 24 / 16 = 1.5rem
- 03Points = 24 x 0.75 = 18pt
常见问题
Why use em instead of pixels?
Em units are relative and scale with the user font size preference. This makes designs more accessible and responsive. Pixel values are absolute and do not adapt.
Should I use em or rem?
Use rem for most sizing (consistent, based on root). Use em when you specifically want sizing to cascade relative to the parent, such as padding that scales with the component text size.
学习