rem em的区别 基于什么

`rem` 和 `em` 都是相对长度单位，但它们的基准不同。

- `rem` 的基准是相对于根元素（即 `html` 元素）的字体大小。例如，如果根元素的字体大小为 `16px`，则 `1rem` 就等于 `16px`。因此，`rem` 可以根据根元素的字体大小进行相对调整，适用于响应式布局等场景。
- `em` 的基准是相对于父元素的字体大小。例如，如果父元素的字体大小为 `16px`，则 `1em` 就等于 `16px`。因此，`em` 可以根据父元素的字体大小进行相对调整，适用于一些特定尺寸和排版场景。

综上所述，`rem` 和 `em` 的区别在于它们的基准不同，一个是根元素，一个是父元素。在实际开发中，应根据具体情况选择合适的相对长度单位。