微信小程序的官方文档用rpx来做响应式布局单位！那什么是rpx,应该如何设置呢？今天我们就来好好了解一下。
【像素】：它不是自然界的物理长度，指基本原色素及其灰度的基本编码。
【物理像素】：它是显示器（电脑、手机屏幕）最小的物理显示单位，每个物理像素由颜色值和亮度值组成。是不是有点眼熟？我们要记住物理像素指的是显示器上最小的点。单位pt。
【设备独立像素】：它又称密度无关像素，划重点——密度无关，是计算机程序实际处理的虚拟像素（如css的px）。单位px。
【设备像素比】：设备像素比 = 物理像素 / 设备独立像素，单位是dpr！
从图片上来看一下移动设备的分辨率和rpx的关系：
在不同的屏幕上(普通屏幕 、vs retina屏幕)，css像素所呈现的大小(物理尺寸)是一致的，不同的是1个css像素所对应的物理像素个数是不一致的。
在普通屏幕下，1个css像素 对应 1个物理像素(1:1)。 在retina 屏幕下，1个css像素对应 2*2个物理像素(1:4)。
有了上面的做铺垫，我们知道了对于iPhone6 来说， 1rpx = 1物理像素，1rpx = 0.5px;
如果不是iPhone 6 呢？
1rpx = window.innerWidth/750。
1px = 1rpx * dpr。
使用rpx,x小程序会自动在不同的分辨率下进行转换。