1rem 到底是多少像素？

取決於根元素（html）的 font-size。瀏覽器預設是 16px，所以 1rem 通常等於 16px；但只要專案改過 html 的 font-size，或使用者調整了瀏覽器的預設字級，這個值就會不同。

rem 和 em 有什麼不同？

rem 一律相對於根元素字級，整份文件一致；em 相對於當前元素的字級，會隨著巢狀層級累乘，容易在多層結構中越算越大。需要可預測的尺寸時用 rem。

CSS / FRONTEND · 瀏覽器內處理

把 rem 值換算成實際像素，並列出常用 rem 對照表。

預設根字級 16px，可調整為 1 至 200px；兩個欄位雙向連動，改哪一邊都會同步。結果四捨五入到小數點後四位。

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

根字級

REM

像素

像素24px

看設計稿或別人的樣式表時常會遇到 `1.375rem` 這種值，這裡輸入 rem 就能立刻知道它實際是幾個像素。兩個欄位雙向連動，也可以反過來確認。若專案把根字級設成 10px 這種便於心算的值，改一下根字級欄位，對照表也會跟著重算。

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

1rem 到底是多少像素？: 取決於根元素（html）的 font-size。瀏覽器預設是 16px，所以 1rem 通常等於 16px；但只要專案改過 html 的 font-size，或使用者調整了瀏覽器的預設字級，這個值就會不同。
rem 和 em 有什麼不同？: rem 一律相對於根元素字級，整份文件一致；em 相對於當前元素的字級，會隨著巢狀層級累乘，容易在多層結構中越算越大。需要可預測的尺寸時用 rem。