CSS-相对单位长度与绝对单位长度
相对单位长度
相对单位长度,比如
em
和rem
,它们的实际值会依赖其他长度的值而决定。 比如em
的大小基于元素字体的字体大小。 如果使用它来设置font-size
值,它的值会跟随父元素的font-size
值来改变。

image-20220810133123231
em效果展示:

image-20220810133849986
绝对单位:

image-20220810142736479
参考文章: 【CSS】相对长度单位 绝对长度单位,vw/vh , rem等_freedom_文的博客-CSDN博客_绝对长度单位