继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

微信小程序rpx单位浅析

沧海一声笑哈哈
关注TA
已关注
手记 1
粉丝 0
获赞 0

为什么小程序采用iphone6的屏幕尺寸作为视觉设计稿的标准呢?

首先我们需要明白几个概念:

逻辑像素:可以理解为我们人为定义的像素

设备像素:是实际固定的像素,出厂就确定的像素

设备像素比(DPR):指的就是 逻辑像素/设备像素的比值

http://img1.mukewang.com/5d6e390800013f2d02920389.jpg

从上图我们可以看到,iphone6的设备像素为:375像素,设备像素比为2,所以逻辑像素为750px。

通过下图对RPX定义中有表述:规定小程序的屏幕宽度为750rpx,我们可以得出iphone6的设计图所示的逻辑像素与小程序规定的屏幕宽度像素是1:1的,所以设计图推荐使用iphone6的屏幕尺寸作为视觉设计稿。

http://img3.mukewang.com/5d6e393b0001787006400242.jpg



打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP