如何理解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