微信小程序px、rpx、vh、百分比单位介绍

px

px：css长度单位，一般为1/96英寸。

rpx

rpx: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

设备	rpx换算px (屏幕宽度/750)	px换算rpx (750/屏幕宽度)
iPhone5	1rpx = 0.42px	1px = 2.34rpx
iPhone6	1rpx = 0.5px	1px = 2rpx
iPhone6 Plus	1rpx = 0.552px	1px = 1.81rpx

通过 drp=wx.getSystemInfoSync().pixelRatio可以得到rpx换算成px的转换率，将1px = 1rpx*dpr。

vh

vh是高度单位，100vh是整个屏幕的高度。1vh是1%屏幕高度，据此类推。

百分比%

以父元素为基准，百分之多少，就是占父元素的百分之多少。例如，父元素高100rpx，子元素高设置为10%，则实际高度为10rpx。