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

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

px

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

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

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

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

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

原文地址:https://blog.csdn.net/tl437002770/article/details/135853922

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。