在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;