微信小程序之移动端适配

77 阅读 0 评论 51 点赞

我是靠谱客的博主懦弱魔镜，这篇文章主要介绍微信小程序之移动端适配，现在分享给大家，希望可以做个参考。

一.物理像素

 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适配的处理，即实现了理想视口

以上就是懦弱魔镜最近收集整理的关于微信小程序之移动端适配的全部内容，更多相关微信小程序之移动端适配内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。