CSS中的长度单位可以分成 2 种:相对和绝对。
绝对长度单位
像素px
,它告诉浏览器应该如何调整元素的大小和位置。
绝对单位与长度的物理单位相关。 例如:in
和 mm
分别代表着英寸和毫米。
绝对长度单位会接近屏幕上的实际测量值,不过不同屏幕的分辨率会存在差异,这就可能会造成误差。
相对长度单位
- 百分比
%
是相对于父元素的大小。 em
是相对于当前元素的默认(或继承)字体大小。如果使用它来设置 font-size 值,它的值会跟随父元素的 font-size 值来改变。rem
是相对于根元素<html>
的默认字体大小。vw
的单位长度为窗口宽度的1%vh
的单位长度为窗口高度的1%