微信小程序之移动端适配

一.物理像素

 1.屏幕的分辨率
 2.设配能控制显示的最小单元，可以把物理像素看成是对应的像素点

二.设备独立像素 & css像素

设备独立像素(也叫密度无关像素)，可以认为是计算机坐标系统中的一个点，这个点代表一个可以由程序使用并控制的虚拟像素(比如:css像素，只是在android机中css像素就不叫“css像素”了而是叫“设备独立像素”)，然后由相关系统转换为物理像素

三.dpr比 & DPI & PPI

1.dpr:设备像素比，物理像素/设备独立像素=dpr，一般以iphone6的dpr为准 dpr =2
2.PPI:一英寸显示屏上的像素点个数
3.DPI:最早指的是打印机在单位面积上打印的墨点数，墨点越多越清晰

四.小程序适配方案

   iphone6: 1rpx = 1物理像素 = 0.5px
   微信官方提供的换算方式：
   1.以iphone6的物理像素个数为标准 ：750
   2.1rpx = 目标设备宽度 / 750*px
   3.底层已经做了viewport适配的处理，即实现了理想视口