為什麼要用 rem 而不是 px？

rem 相對於根元素字級，使用者在瀏覽器把預設字級調大時，整個版面會等比放大；寫死 px 則完全不會回應這個設定。以 rem 定義字級與間距是可存取網站的常見做法。

16px 等於多少 rem？

在預設的 16px 根字級下，16px 正好等於 1rem，24px 是 1.5rem，12px 是 0.75rem。換句話說 rem 值就是像素值除以 16。

CSS / FRONTEND · 瀏覽器內處理

把像素值換算成 rem，可自訂根字級並附常用對照表。

預設根字級 16px，可調整為 1 至 200px；對照表涵蓋 1px 到 128px。結果四捨五入到小數點後四位。

瀏覽器預設為 16px。若專案調整過 html 的 font-size，請填入實際值。

根字級

像素

REM

REM1.5rem

輸入像素值就會立刻得到對應的 rem，兩個欄位是雙向連動的，改哪一邊另一邊都會跟著更新。根字級預設 16px，也就是絕大多數瀏覽器的預設值；如果你的專案改過 html 的 font-size，把它填進去就能得到正確的換算。下方對照表列出從 1px 到 128px 的常用尺寸，可以直接查表。

所有計算與預覽都在這個瀏覽器內完成，輸入不會上傳、不會保存，也不會寫進網址或紀錄。

為什麼要用 rem 而不是 px？: rem 相對於根元素字級，使用者在瀏覽器把預設字級調大時，整個版面會等比放大；寫死 px 則完全不會回應這個設定。以 rem 定義字級與間距是可存取網站的常見做法。
16px 等於多少 rem？: 在預設的 16px 根字級下，16px 正好等於 1rem，24px 是 1.5rem，12px 是 0.75rem。換句話說 rem 值就是像素值除以 16。