本文介绍: 微信小程序px、rpx、vh、百分比单位介绍
px
px:css长度单位,一般为1/96英寸。
rpx
rpx: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
通过 drp=wx.getSystemInfoSync().pixelRatio可以得到rpx换算成px的转换率,将1px = 1rpx*dpr。
vh
vh是高度单位,100vh是整个屏幕的高度。1vh是1%屏幕高度,据此类推。
百分比%
以父元素为基准,百分之多少,就是占父元素的百分之多少。例如,父元素高100rpx,子元素高设置为10%,则实际高度为10rpx。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。