px
像素单位
是当前屏幕的像素单位,根据当前屏幕的大小决定的
em
相对单位
相当于当前标签内的字体大小,如果当前标签内没有设置字体大小,默认为浏览器的字体大小
rem
相对单位
相当于当前HTML的字体大小,如果当前HTML未设置字体大小,默认为浏览器的字体大小
vw和vh
vw
和vh
是相对单位,相对于当前视口。
例如,10vw
代表当前视口宽度的10%
,20vh
代表当前视口高度的20%
。
%
相对单位
相当于当前父元素的百分比。
例如,父元素的宽度为100px,那么50%就是50px