示例:24px → 1.5em(基準 16px)
示例:1.5em → 24px(基準 16px)
| Px | Em | 常見用途 | 操作 |
|---|
Px (畫素):絕對單位,固定大小,不會隨著瀏覽器設定改變。1px 就是螢幕上的一個物理畫素點。
Em:相對單位,相對於當前元素的字型大小。1em 等於當前元素的字型大小。如果當前元素沒有設定字型大小,則繼承父元素的字型大小。
轉換公式:
• Px → Em: em = px ÷ 基準字型大小
• Em → Px: px = em × 基準字型大小
使用建議:使用 em 單位可以讓頁面更具響應性和可訪問性,使用者可以通過瀏覽器設定調整字型大小。通常瀏覽器的預設字型大小是 16px。