1.px ：像素
(计算机屏幕上的一个点) 像素越高越清晰
2.em
1em 等于当前的字体尺寸。2em 等于当前字体尺寸的两倍。例如，如果某元素以 12pt 显示，那么 2em 是24pt。在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。
3.fr ：剩余空间分配数
fr单位被用于在一系列长度值中分配剩余空间，如果多个已指定了多个部分，则剩下的空间根据各自的数字按比例分配。
4.rem
rem不是依据父元素——而是依据根元素（root element）来确定其长度。这里所说的根元素（root element）毫无疑问就是web文档中的html元素。也就是说，无论嵌套层级有多深，rem都是根据<html>的font-size来确定长度的。