CSS单位转换器
在px、rem、em和pt之间转换。设置基础字体大小以获得准确结果。
磅 (pt):12pt
网站<html>元素的字体大小（浏览器默认值为16px）
rem相对于根元素（<html>）的字体大小。浏览器默认值是16px，因此除非修改，1rem = 16px。
1pt = 96 DPI下的1.333px。磅主要用于打印CSS和设计工具。
常见CSS尺寸
| px | rem | pt | 典型用途 |
|---|---|---|---|
| 8 | 0.5 | 6 | 图标 / border-radius |
| 10 | 0.625 | 7.5 | 代码，小字 |
| 12 | 0.75 | 9 | 小字 / 提示文字 |
| 14 | 0.875 | 10.5 | 正文（紧凑） |
| 16 | 1 | 12 | 默认正文 |
| 18 | 1.125 | 13.5 | 正文（舒适） |
| 20 | 1.25 | 15 | 大字 / 副标题 |
| 24 | 1.5 | 18 | H3 / 大标题 |
| 32 | 2 | 24 | H2 / 展示标题 |
| 48 | 3 | 36 | H1 / 主标题 |
常见问题
px（像素）是绝对单位，不受用户设置影响，始终保持相同大小。rem（根em）相对于<html>元素的字体大小——在默认16px下：1rem = 16px，2rem = 32px。em相对于父元素的字体大小。rem适合可扩展的布局：如果用户将浏览器字体设为20px（以改善可访问性），所有rem值会按比例缩放。
将像素值除以根字体大小。默认16px：rem = px ÷ 16。例如：24px ÷ 16 = 1.5rem，32px ÷ 16 = 2rem，14px ÷ 16 = 0.875rem。很多开发者设置html { font-size: 62.5%; }，使1rem = 10px，从而简化计算：24px变为2.4rem。
在默认基础字体大小16px下：16px = 1rem。关键锚点值：8px = 0.5rem，12px = 0.75rem，24px = 1.5rem，32px = 2rem，48px = 3rem。如果您的网站使用不同的基础（如10px），请相应重新计算——这就是此转换器有基础字体大小设置的原因。
rem遵循用户的浏览器字体大小偏好，这对无障碍访问很重要。视力不佳的用户可以增大浏览器基础字体大小，所有rem值将自动缩放。px会忽略此设置。rem还使响应式设计更简单：通过媒体查询调整根字体大小，所有rem元素就会按比例缩放。