CSS中的单位
px
px像素是相对于屏幕分辨率的
em
相对于文字大小的
- 如果元素设置了文字大小,1em = 1/父元素font-size,浏览器body默认文字大小16px
- 如果自身设置了文字大小,em相对于自身的,也就是1em = 1/自身文字大小
rem
r是root的缩写,也就是说相对于根元素html文字大小
vw、vh
1vh 等于1/100的视口高度,1vw 等于1/100的视口宽度。
比如:浏览器高度100px,宽度为200px, 1vh = 100px/100 = 1px,1vw = 200px/100 = 2px