微信小程序rpx单位浅析

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

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

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

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

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

《微信小程序rpx单位浅析》

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

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

《微信小程序rpx单位浅析》

更多内容,可以参考51cto杜老师的小程序入门视频教程:

https://edu.51cto.com/sd/8cb0d

在第一章第二节内容最后有说到该问题

    原文作者:小白菜
    原文地址: https://segmentfault.com/a/1190000020268938
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞