JavaScript 开发者必知：CSS 中 7 种自适应单位大揭秘！

在CSS中，自适应的单位有以下几种： 1. 百分比（%）：百分比是相对于其父元素的宽度或高度的。例如，如果一个元素的宽度设置为50%，那么它将占据其父元素宽度的一半。 2. em：em是相对于其父元素的字体大小的。例如，如果一个元素的字体大小设置为1em，那么它将占据其父元素字体大小的一倍。 3. rem：rem是相对于根元素（即HTML元素）的字体大小的。例如，如果根元素的字体大小设置为16px，那么1rem就等于16px。 4. vw（视窗宽度单位）：vw是视窗宽度的百分比。例如，如果视窗宽度为1000px，那么1vw就等于100px。 5. vh（视窗高度单位）：vh是视窗高度的百分比。例如，如果视窗高度为800px，那么1vh就等于80px。 6. vmin（视窗最小单位）：vmin是视窗宽度和高度的最小值的百分比。例如，如果视窗宽度为1000px，高度为800px，那么1vmin就等于80px。 7. vmax（视窗最大单位）：vmax是视窗宽度和高度的最大值的百分比。例如，如果视窗宽度为1000px，高度为800px，那么1vmax就等于100px。 这些自适应的单位使得开发者可以根据视窗的大小和设备的特性来调整元素的大小和布局，从而实现响应式设计。 ######[AI写代码神器 | 362点数解答 | 2023-11-09 01:07:19]