天天看點

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

相對于父元素的大小。