微信小程序之移动端适配

一.物理像素

 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适配的处理,即实现了理想视口
发布了53 篇原创文章 · 获赞 76 · 访问量 1654

猜你喜欢

转载自blog.csdn.net/weixin_45389051/article/details/104874426