小程序 / 移动设备的分辨率与rpx

 1.图片分析

 2.具体分析：（简单理解）

屏幕尺寸：

手机对角线的视觉看到的实际尺寸

分辨率pt：（ 逻辑分辨率）

实际上的长高尺寸只和屏幕尺寸有关系

分辨率的感念有多种，为了区分与其他分辨率进行区别，用ptzuowei

分辨率px：（物理分辨率）

像素点

就是我们平常说的一个pt中包含多少px，用来衡量一些东西，像iphone3GS比iphone4的分辨率大，但是屏幕尺寸是一样的，所以单个pt中包含的px中更高，我们肉眼看到的清晰度也就越清晰

Reader：

视网膜屏幕，单位pt中包含的px个数就是Reader，包含的px像素点越多画质也就越细腻

但要注意一点的是：

iphone6和iphone Plus相比 虽然Reader变得更大了，但是我们肉眼所看到的清晰度画质细腻度是没有变化的，因为当视网膜Reader超过我们人眼所能分辨的像素点，所以我们看iphone和iphone Plus在清晰度上是没有变化

PPI：

每英寸包含的像素点px，PPI = 分辨率相乘开根号 / 屏幕尺寸，其实和Reader是差不多的

pt和px：

一个pt可以有一个px构成，也可以有2个、还可以有3个甚至更多组成

iphone6下一个pt有两个px组成

3.实际说明

在我们模拟器中，选择的手机型号，上面所携带的尺寸都是pt分辨率尺寸，但在小程序中规定的屏幕宽为750rpx像素，所以建议设计小程序的UI设计师，在做小程序的设计时，以ip6的物理像素750 * 1334为视觉稿进行设计，这样前端工程师做的时候可以按照设计稿进行1:1尺寸，很方便

 

4.小程序文档说明

值得注意的是：小程序中的px指的是逻辑分辨率pt，设计图和我们平常用在web的都是物理分辨率px，【好多人都认为还不如直接用pt来表示，用pt表示的话可能会更清晰，不然对于更接触的同学肯定会觉得迷惑】，在这里切莫弄混

rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素