| REM | PX |
|---|---|
| 0.5rem | 8px |
| 0.75rem | 12px |
| 0.875rem | 14px |
| 1rem | 16px |
| 1.25rem | 20px |
| 1.5rem | 24px |
| 2rem | 32px |
| 3rem | 48px |
| 4rem | 64px |
REM (Root EM) 是CSS中相对于根元素<html>字体大小的单位。浏览器默认根字体大小为16px。
PX (Pixel) 是CSS中的绝对像素单位，表示屏幕上的一个物理或逻辑像素。
换算公式：
REM → PX: rem值 × 根字体大小 = px值
PX → REM: px值 ÷ 根字体大小 = rem值
使用REM可以让你的网页在不同设备和字体设置下保持比例一致，是现代响应式设计的推荐做法。