Px / Em 單位轉換工具

基準字型大小 (Base Font Size): px(通常為 16px)

Px 轉 Em

px em

示例:24px → 1.5em(基準 16px)

Em 轉 Px

em px

示例:1.5em → 24px(基準 16px)

快速轉換參考表(基準:16px)

Px Em 常見用途 操作

批次轉換(每行一個值)

關於 Px 和 Em 單位:

Px (畫素):絕對單位,固定大小,不會隨著瀏覽器設定改變。1px 就是螢幕上的一個物理畫素點。

Em:相對單位,相對於當前元素的字型大小。1em 等於當前元素的字型大小。如果當前元素沒有設定字型大小,則繼承父元素的字型大小。

轉換公式:
• Px → Em: em = px ÷ 基準字型大小
• Em → Px: px = em × 基準字型大小

使用建議:使用 em 單位可以讓頁面更具響應性和可訪問性,使用者可以通過瀏覽器設定調整字型大小。通常瀏覽器的預設字型大小是 16px。