rpx,px,vw,vh,rem,em优缺点

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

相对于父元素的大小。