什麼時候用 rem，什麼時候用 em？

rem 相對於根字體大小，適合用於邊距、內距和版面配置等需要一致性的場景。em 相對於父元素字體大小，適合元件中需要隨父層縮放的巢狀字體大小。

視口單位（vw、vh）是怎麼計算的？

1vw 等於視口寬度的 1%，1vh 等於視口高度的 1%。適合用於需要自適應瀏覽器視窗大小的全寬或全高版面配置。

百分比取決於所在元素和具體 CSS 屬性，沒有通用的轉換係數。本工具僅支援具有固定、可預測轉換基準的單位。

根字體大小 (px)

父層字體大小 (px)

寬度 (px)

高度 (px)

精度

CSS 單位轉換器是一款免費線上工具，支援 px、rem、em、vw、vh、vmin、vmax 之間的相互轉換。支援自訂根字體大小和視口尺寸，可批次轉換 CSS 程式碼。完全在瀏覽器中執行。

CSS 單位轉換器可以即時在 CSS 長度單位之間轉換——px、rem、em、vw、vh、vmin、vmax。設定根字體大小、父層字體大小和視口尺寸即可獲得準確的轉換結果。

貼上 CSS 程式碼進行批次轉換，或使用參考表查詢常用的 px 到 rem、px 到 vw 的對照值。

貼上 CSS 程式碼進行批次轉換，或使用參考表查詢常用的 px 到 rem、px 到 vw 的對照值。