简述CSS中，自适应的单位都有哪些？
参考回答
CSS中自适应的单位主要有以下几种：
- 百分比（%）： 百分比单位相对于父元素的尺寸。例如，
width: 50%意味着宽度是父元素宽度的一半。 - 视口单位（vw, vh, vmin, vmax）： 这些单位相对于视口的宽度和高度：
vw：视口宽度的1%。vh：视口高度的1%。vmin：视口宽度和高度中较小的那个的1%。vmax：视口宽度和高度中较大的那个的1%。
- em： 相对于当前元素的字体大小。例如，
font-size: 2em意味着字体大小是当前字体的两倍。 - rem： 相对于根元素（
<html>）的字体大小。常用于统一设置页面的字体大小，例如，font-size: 1.5rem表示字体大小是根元素字体大小的1.5倍。
详细讲解与拓展
自适应单位在CSS中非常重要，因为它们使得网页能够根据不同的屏幕尺寸或环境进行灵活的调整，确保页面在各种设备上看起来都合适。
- 百分比（%）：
- 百分比单位非常常见，尤其是在布局中。它通常相对于父元素的尺寸来计算。例如，
width: 50%意味着元素宽度是父容器宽度的一半。类似地，height: 50%是相对于父容器的高度。 - 需要注意，百分比的行为取决于父元素的尺寸。如果父元素的尺寸没有明确指定，百分比可能无法生效。
- 百分比单位非常常见，尤其是在布局中。它通常相对于父元素的尺寸来计算。例如，
- 视口单位（vw, vh, vmin, vmax）：
- vw：视口宽度的1%。例如，
width: 50vw表示元素的宽度是视口宽度的一半。 - vh：视口高度的1%。例如，
height: 100vh意味着元素的高度等于视口的高度。 - vmin：选择视口的较小尺寸来计算。举例来说，如果视口宽度是1200px，视口高度是800px，那么
1vmin等于8px（因为800px是较小的尺寸）。 - vmax：选择视口的较大尺寸来计算。例如，如果宽度是1200px，且高度是800px，
1vmax会等于12px（因为1200px是较大的尺寸）。
- vw：视口宽度的1%。例如，
- em：
- em单位是相对于父元素的字体大小。例如，如果父元素的字体大小是16px，那么
1em等于16px。2em会是32px。 - 它也会继承父元素的字体大小，所以当元素有嵌套时，
em的计算会受到层级影响，这意味着子元素的字体大小是继承自其父元素的。
- em单位是相对于父元素的字体大小。例如，如果父元素的字体大小是16px，那么
- rem：
- rem单位是相对于根元素（
<html>）的字体大小。通常，根元素的字体大小是浏览器的默认值（通常为16px），但也可以通过font-size来调整。例如，1rem等于根元素的字体大小。 - 使用
rem可以保持页面设计的一致性，因为它不会受到父元素字体大小的影响，这使得它比em更容易管理。
- rem单位是相对于根元素（
总结：
这些自适应单位帮助我们创建响应式设计，使得页面能够根据不同的设备和视口尺寸进行调整。通过合理使用这些单位，可以实现灵活的布局和字体大小控制，提升用户体验。