使用方式
- 如果網站有變更根元素字體大小，請在此設定（例如 html { font-size: 62.5% } 會將大小設為 10px）。
- 在任一欄位輸入數值，即可在 px 和 rem 之間轉換。若要以父元素為基準調整大小，請切換為 em。
- 使用對照表快速查詢，或貼上 CSS 程式碼片段，一次轉換所有 px 長度並複製結果。
運作方式
rem = px ÷ 根元素字體大小。根元素字體大小預設為 16px 時，24px 等於 1.5rem，14px 等於 0.875rem。em 使用相同的計算方式，但以父元素的字體大小為基準，因此巢狀使用時 em 的數值會相乘；rem 則不會，因為它一律以根元素為基準。
使用 rem 設定字體大小和間距，能讓文字隨著使用者在瀏覽器設定中調高預設字體大小而放大，這有助於低視力使用者。數值會四捨五入至小數點後四位。
程式碼片段轉換器會轉換後面接著 px 的數字，不會變更註解、url(…) 和引號中的字串。您可以選擇保留 1px（細邊框通常應維持 1px）；0px 會寫成 0。預設不會變更 @media 和 @container 條件，因為在媒體查詢中，rem 和 em 一律以瀏覽器的初始字體大小為基準，不受您設定的根元素字體大小影響。轉換器不會解析 calc() 的語意，只會替換其中的 px 數值；由於每個長度都是個別轉換，這樣的處理仍然正確。
範例
預設根元素大小
根元素字體大小為 16px 時：12px = 0.75rem、20px = 1.25rem、32px = 2rem、0.5rem = 8px。
62.5% 技巧
如果您的 CSS 設定 html { font-size: 62.5% }，根元素大小就是 10px，因此 14px = 1.4rem，24px = 2.4rem。將根元素字體大小欄位設為 10 即可符合此設定。
轉換元件樣式
啟用「保留 1px 數值」後，padding: 24px 16px; border: 1px solid #ddd; 會轉換為 padding: 1.5rem 1rem; border: 1px solid #ddd;
常見問題
應該使用 rem 還是 em？
大多數字體大小、間距和版面配置建議使用 rem，因為它在各處的表現都很一致。若某個元素需要依自己的文字大小縮放，例如按鈕內的 padding，則可使用 em。
為什麼不將媒體查詢轉換為 rem？
可以，但在媒體查詢中，1rem 一律等於瀏覽器的預設字體大小（通常是 16px），而不是 html 的 font-size。因此轉換器預設會略過媒體查詢；如果您仍要除以 16，請關閉此選項。
rem 比 px 更具無障礙性嗎？
用於字體大小時，是的：rem 會遵循使用者的預設字體大小設定，px 字體大小則不會。瀏覽器縮放功能對這兩種單位都有效。
隱私權
轉換作業和 CSS 程式碼片段都在您的瀏覽器中處理，不會傳送到任何地方。