天天看点

rpx,px,vw,vh,rem,em优缺点,小程序应用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

相对于父元素的大小。