通过这篇博客我们深入的研究一下rxp。想要理解rpx首先看一张图，理解一下pt和px
如图所以 pt和px是有对应关系的 不同的机型 会有1倍2倍3倍的对应关系：
pt 称为逻辑分辨率 和 和屏幕的尺寸有关系 屏幕大 逻辑分辨率就多 ，屏幕小 逻辑分辨率就小
px 称为物理分辨率 和屏幕没有关系 和pt有对应关系 例如iphone6 对应2倍渲染关系。375逻辑分辨率的屏幕就可以渲染出750物理分辨率
特别注意：小程序中的px指的是逻辑分辨率（pt） 例如 ihone6机型下给图片750px 实际上给的是750pt，但是看上图，Iphone6只有375px，所以把图片扩大了一倍，所以模拟器中只能显示半张图片。代码和效果如下
<image src = "/images/crab.img" style = "width:750px;height:500px"></image>将上文代码改为，width:375px。即可正常显示。如下：
下面说下rpx 将代码改为width:750rpx。不仅可以正常显示，切切换其他机型同样可以正常显示。
所以得出以下结论：
iphone6的情况下 1pt = 2px = 2rpx
所以可以看到，我们写375px 因为是在小程序中 所以等于写了 375pt 这里有点绕 多理解几遍。 写375pt 和 750rpx都是正确的。rpx多了自适应的功能。
通常来说 我们的ui图都是根据iphone6来设计的 因为1px对应1rpx的完美1比1关系。下面我们来看下收到UI设计图后。怎么处理RPX
看图，上图右上角选为2倍图，就是375pt,正常情况下，不进行选择。标准像素下。就是750px。所以比较方便的就是看标准像素。图上给多少px。我们就写多少rpx就是最方便的。如果看2倍图。记得把图上显示的pt乘2