rpx,px,vw,vh,rem,em
rpx
rpx是响应式像素,只能在小程序中使用,它把屏幕水平分为750份,可以自动计算适配,在小程序中的最优选择,优先使用,可以精准布局。
px
px是固定的像素单位,不能响应,小程序和移动端布局不给予推荐。
vw
viewport width 视口宽度响应单位,把屏幕水平分为100份,自动计算并适配。注意:vw不能十分精准的换算,1px、较小的像素不好适配。
vh
viewport height 视口高度响应单位,把垂直分为100份,自动计算并适配 。若小程序高度需要也可以采用,因为rpx是水平的。注意:vw不能十分精准的换算,1px、较小的像素不好适配。
rem
CSS3新增的相对单位,相对大小是HTML的根元素。
em
相对于父元素的大小。