绝对单位&相对单位

Posted 2023-03-03 慕斯-ing

像素px是一种长度单位，来告诉浏览器应该如何调整元素大小和空间大小。
其实除了像素，CSS 也有其他不同的长度单位供我们使用。
单位长度的类型可以分成 2 种，一种是相对的，一种是绝对的。

绝对单位长度
绝对单位长度会接近屏幕上的实际测量值，不过不同屏幕的分辨率会存在差异，可能会导致一些误差。
相对单位长度
相对单位长度就像em和rem，它们会依赖其他长度的值。
例如, em的大小基于元素的字体的font-size值，如果你使用em单位来设置font-size值，它的值会跟随父元素的font-size值来改变。
注意：有些单位长度选项是相对视窗大小来改变值的，符合了响应式 web 的设计原则。