示例:24px → 1.5em(基准 16px)
示例:1.5em → 24px(基准 16px)
| Px | Em | 常见用途 | 操作 |
|---|
Px (像素):绝对单位,固定大小,不会随着浏览器设置改变。1px 就是屏幕上的一个物理像素点。
Em:相对单位,相对于当前元素的字体大小。1em 等于当前元素的字体大小。如果当前元素没有设置字体大小,则继承父元素的字体大小。
转换公式:
• Px → Em: em = px ÷ 基准字体大小
• Em → Px: px = em × 基准字体大小
使用建议:使用 em 单位可以让页面更具响应性和可访问性,用户可以通过浏览器设置调整字体大小。通常浏览器的默认字体大小是 16px。