为了账号安全,请及时绑定邮箱和手机立即绑定

微信小程序rpx单位浅析

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

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

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

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

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

https://img1.sycdn.imooc.com//5d6e390800013f2d02920389.jpg

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

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

https://img1.sycdn.imooc.com//5d6e393b0001787006400242.jpg



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消