em rem 如何自适应

在CSS中，使用em和rem单位来实现自适应布局主要依赖于它们与父元素字体大小的关系。

em单位

em单位是相对于其父元素的字体大小。

如果父元素的字体大小是16px，那么1em等于16px。

如果父元素的字体大小是24px，那么1em等于24px。

因此，使用em单位时，元素的宽度、高度、行高等都会根据其父元素的字体大小进行缩放。

rem单位

rem单位是相对于根元素（html元素）的字体大小。

如果根元素的字体大小是16px，那么1rem等于16px。

如果根元素的字体大小是24px，那么1rem等于24px。

使用rem单位时，所有元素的尺寸都是相对于根元素（html元素）的字体大小。

如何实现自适应布局

1. 使用rem单位：

设置根元素（html元素）的字体大小为根元素的字体大小，例如`html { font-size: 16px;