本文主要是介绍如何理解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?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!