1.px:绝对单位。
实际测量设计图的尺寸即为px,一般相当于屏幕上的1像素
2.em:相对单位,
em如果设置文字大小,参照物是父级文字大小。如果设置不是文字大小(eg设置的是标签的宽度或者高度…),参照物是当前标签文字大小
3.rem:相对单位。
参照物是html文字大小,文字最小是12px 。
4.vw:相对单位
100vw相当于当前窗口的宽度的100%
5.vh:相对单位
100vh相当于当前窗口高度的100%
5.%:相对单位
宽度设置%,参照物是父级的宽度
高度设置%,参照物是父级的高度
padding-bottom和padding-top设置%,参照物是父级的宽度
文字设置%:参照物是父级文字大小。