這個換算器能做什麼
px 轉 rem/em 換算器可以將像素（px）數值換算為 rem 和 em，也可以反過來，由 rem 或 em 換算為 px。「數值」區有 px、rem、em 三個單位欄位，只要編輯其中一個，另外兩個就會隨你輸入自動計算並顯示。你也可以自行設定根字級，以及 em 換算專用的上下文字級，令換算結果符合實際設計需要。
三個輸入欄位與對應結果
頁面提供「根字級（px）」「em 上下文字級（px）」和「數值」三個欄位。根字級是你自訂的根字級數值，em 上下文字級是你自訂的 em 換算用字級，數值欄位則會同時顯示 px、rem、em 三種單位的換算結果。頁面下方另有「常用 px → rem（16px 根字級）」表格，列出常見像素數值在 16px 根字級下對應的 rem 數值。
根字級如何決定 rem 數值
根字級預設為 16px，此時 16px 等於 1rem，也等於 1em。rem 數值是相對於根字級計算出來的，只要更改根字級的數值，所有 rem 換算結果都會跟著改變。根字級必須是大於 0 的數字，如果輸入了無效數值，頁面會顯示「根字級必須是大於 0 的數字。」的提示。
em 上下文字級的作用
em 數值是相對於它所在元素的字級計算出來的，這個字級不一定和根字級相同，所以工具另外提供「em 上下文字級（px）」欄位，讓你輸入該元素實際使用的字級，令 em 換算結果更準確。em 上下文字級的預設值同樣是 16px，而且必須是大於 0 的數字；輸入無效數值時，頁面會顯示「em 上下文字級必須是大於 0 的數字。」的提示。
即時換算與數值規則
只要修改 px、rem 或 em 任一欄位，另外兩欄就會即時跟著更新，不用手動按任何按鈕。數值欄位容許輸入負數的像素值。如果在「數值」欄位輸入了無效內容，頁面會顯示「請輸入一個數字來換算。」的提示，提醒你重新輸入可換算的數字。
適合什麼情況使用
需要把固定的像素數值換算成響應式設計常用的 rem 或 em 單位，這個工具適合使用。也適合想了解不同根字級如何影響 rem 數值的人，或者需要根據特定元素字級計算 em 數值的人使用。如果想確保版面在讀者調整了預設字級之後仍然可以正確縮放，也可以用這個換算器。
資料處理方式
所有換算都在你的瀏覽器本機完成，輸入內容不會上傳到 BroBroGo。
常見問題
px、rem 和 em 有甚麼差別？
px 是固定長度；rem 相對於頁面的根字級，根字級為 16px 時 1rem 就是 16px；em 相對於所在元素的字級。用 rem 設定字級和間距，讀者調大預設字級時整體也會跟著放大。
為什麼要另外設定 em 上下文字級？
em 相對於它所在元素的字級，而這個字級未必等於根字級。把 em 上下文設成那個元素的實際字級，換算才會準確；兩者相同時，和根字級保持一致即可。
根字級不是 16px 該怎麼辦？
把根字級那一欄改成和你 CSS 裏一致，所有 rem 數值都會立刻更新。下面的小表對應多數網站預設的 16px 根字級，方便隨手查看。