简述CSS中，自适应的单位都有哪些？

最新推荐文章于 2024-10-11 15:42:40 发布

csdn_Levy

最新推荐文章于 2024-10-11 15:42:40 发布

阅读量372

点赞数 2

分类专栏： css 文章标签： css css3 前端

本文链接：https://blog.youkuaiyun.com/csdn_Levy/article/details/142696530

版权

42 篇文章

订阅专栏

在CSS中，有几种常见的自适应单位，它们分别是：

百分比（%）：元素的大小、位置等属性值可以设定为相对于其父元素的百分比。例如，如果一个元素的宽度被设置为50%，那么它的宽度将会是它的父元素宽度的一半。
em：这个单位是相对于其父元素的字体大小。例如，如果父元素的字体大小是16px，那么1em就等于16px。如果设置元素的字体大小为2em，那么其字体大小就是32px。
rem：这个单位是相对于根元素（通常是<html>）的字体大小。这意味着你可以通过改变根元素的字体大小来改变所有使用rem单位的元素的大小。
vw, vh：vw代表视口的宽度（Viewport Width），vh代表视口的高度（Viewport Height）。1vw等于视口宽度的1%，1vh等于视口高度的1%。这意味着元素的大小可以根据视口的大小进行调整。
vmin, vmax：vmin代表视口高度和宽度中较小的那个，vmax代表视口高度和宽度中较大的那个。