px 轉 rem/em 換算器
依你自己的根字級和上下文字級,在 px、rem、em 之間互換,改任一欄,另外兩欄即時更新。
數值
常用 px → rem(16px 根字級)
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
所有換算都在你的瀏覽器本機完成,輸入內容不會上傳到 BroBroGo。
常見問題
px、rem 和 em 有什麼差別?
px 是固定長度;rem 相對於頁面的根字級,根字級為 16px 時 1rem 就是 16px;em 相對於所在元素的字級。用 rem 設定字級和間距,讀者調大預設字級時整體也會跟著放大。
為什麼要另外設 em 上下文字級?
em 相對於它所在元素的字級,而這個字級未必等於根字級。把 em 上下文設成那個元素的實際字級,換算才會準確;兩者相同時,和根字級保持一致即可。
根字級不是 16px 該怎麼辦?
把根字級那一欄改成和你 CSS 裡一致,所有 rem 數值都會立刻更新。下面的小表對應多數網站預設的 16px 根字級,方便隨手查看。