微信小程序设计稿pt怎么转rpx

1. 什么是逻辑分辨率？
2. 什么是物理分辨率?
3. 什么是DPI？(Dots Per Inch) 最早的时候，这个单位是用来描述打印机的性能的，意思是每英寸能打多少个墨点，毫无疑问，DPI越高，打印出来的东西就会越清晰锐利
4. 什么是PPI?（Pixels Per Inch）物理单位，像素密度，像素可以理解为LED灯屏幕上的发光点，只不过Retina显示屏(mac)的发光密度非常高，人眼感受不到颗粒感，一块屏幕宽高有几寸是生产时就被定好的，而宽高能容纳多少像素也是生产时就定好的，拿iphone6-7举例 该屏幕每行有750个像素(发光点)，高(竖)有1334颗像素(发光点) PPI说的是像素密度，而分辨率说的是块屏幕的像素尺寸，譬如说1334750就是iPhone（6~7）的分辨率，说iPhone（6~7）的分辨率是326是错误的表述，326是它的像素密度，单位是PPI 总结 虽然我们说像素是构成屏幕的发光的点，是物理的，但是像素在脱离了屏幕尺寸之后是没有大小可言的，你可以将1920 1080颗像素放到一台40寸的小米电视机里面，也可以将同样多的像素全部塞到一台5.5寸的iPhone7 Plus手机里面去，那么对于40寸的电视而言，每个像素颗粒当然会大于5.5寸的手机的像素
5. scale 缩放因子的概念 1/72inch = 1point = scale * pixel(在iphone4~6中，缩放因子scale=2, 在iphone6+中，缩放因子scale=3) 所以 在iphone3中一个pt面积只有一个像素点 在iphone4,5,6中一个pt面积被渲染成一个22的矩阵 在iphone6+中1个pt面积被渲染成33的矩阵 (一个像素对计算机而言就是能够显示一种特定颜色的最小区域)
6. 什么是设备像素? (Device Independent Pixels) 什么是css像素？(CSS Pixels) 设备像素指的是设备屏幕的物理像素，任何设备的物理像素的数量都是固定的 CSS像素又称为逻辑像素，是为web开发者创造的 程序猿编码使用的是css像素，在桌面端，css的1个像素往往都是对应着电脑屏幕的1个物理像素，而在手机端，由于屏幕尺寸的限制，缩放是经常性的操作
7. 什么是设备像素比DPR? （Device Pixel Ratio） 它是默认缩放为100%的情况下，设备像素和CSS像素的比值 DPR = 设备像素 / CSS像素(某一个方向上) 实际上CSS像素对应的javascript属性是screen.width / screen.height 而对于设备像素比对应的javascript属性是window.devicePixelRatio 因此就可以使用window.devicePixelRatio * screen.width 选中iphone6机型时，该计算结果为750
8. rem设置了根元素的font-size em设置了父元素的font-size
9. 回到最初的问题 pt how to convert into rpx? 在微信小程序中，直接使用@2x图进行iphone6的适配，因为iphone6的scale=2，所以1pt = 2px(css像素) 总的来说@2x图(对应的dpr为2）的宽高标的是多少px，对应小程序中宽高写多少rpx就可以了，最终的效果就是，你开发时在iphon6的设计稿上量了多少px，就写多少rpx就行了，它适配了大部分机型，但是iphoneX的高rpx不能完美适配，是有留白的，此时需要通过百分比来弥补
10. 参考链接
    • https://blog.csdn.net/phunxm/article/details/42174937
    • http://www.cnblogs.com/xiaohuochai/p/5494624.html
    • https://www.zhihu.com/question/40506180
    • https://www.zhihu.com/question/26195746
    • https://www.jianshu.com/p/1b69f0df78f3