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 根字号,方便随手查。