微信小程序--rpx单位的理解

如何理解rpx?
rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
小测试:
1、rpx 全称是什么?(请填写英语全称)
responsive pixel
2、iphone 7 的屏幕宽度对应多少 rpx?
750rpx
3、iphone 7 的屏幕高度对应多少 rpx?
iPhone 7 宽高比 375 x 667, 因此屏幕高度对应与 667 / 375 x 750 rpx = 1334 rpx

4、iphone 7 Plus 的屏幕宽度对应多少 rpx?
750rpx
5、iphone 7 Plus 的屏幕高度对应多少 rpx?
iPhone 7 Plus 宽高比 414 x 736,因此屏幕高度对应与 736 / 414 x 750 rpx = 1333.33 rpx

6、iphone X 的屏幕宽度对应多少 rpx?
750rpx
7、iphone X 的屏幕高度对应多少 rpx?
iPhone X 宽高比 375 x 812,因此屏幕高度对应与 812 / 375 x 750 rpx = 1624 rpx

看完上面的答案你应该已经知道什么是rpx

  • 5
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值