px 是像素单位
em相对父元素字体大小,如果父元素没有设置就用浏览器默认大小
rem相对根元素root的字体大小
vw是相对视口(viewport)的宽度而定的,长度等于视口宽度的1/100
假如浏览器的宽度为200px,那么1vw就等于2px(200px/100)
vh是相对视口(viewport)的高度而定的,长度等于视口高度的1/100
假如浏览器的高度为500px,那么1vh就等于5px(500px/100)
%(百分比)
一般来说就是相对于父元素
1、对于普通定位元素就是我们理解的父元素
2、对于position: absolute;的元素是相对于已定位的父元素,即上一个有非static的position属性的上级元素;
3、对于position: fixed;的元素是相对于ViewPort(可视窗口)