px、rpx、rem、pt、dpr学习笔记

1）px

        分辨率是屏幕像素的数量，一般用屏幕宽乘以屏幕高度的像素点，如iphone6的分辨率为750*1334；

        英寸表示屏幕斜对角的长度；

        分辨率分为物理分辨率和逻辑分辨率，设计师通常给的是物理分辨率，程序中用到的是逻辑分辨率，但都称为分辨率，物理分辨率是硬件所支持的分辨率，逻辑分辨率是软件可以达到的分辨率；

        px是物理分辨率，和屏幕尺寸没有关系，点是没有大小的，只有个数之分，photoshop里面量出来的尺寸为物理像素点；

2）pt

        pt是逻辑分辨率，pt的大小和屏幕尺寸有关系，简单可以理解为长度和视觉单位；

        1个pt可以有1个px，也可以有2个，3个或更多的px，但人的视网膜极限为2倍@2x，增加再多也不会让屏幕看起来更加好了，比如iphone6，2个px构成一个pt，ip6以物理像素750*1334这视觉稿进行设计；

3）dpr

        像素倍率dpr=物理分辨率/逻辑分辨率，比如iphone6的像素倍率为(750*1334)/(375*667)=2；

4）rpx

        微信小程序对于rem的一种应用规定，官方规定屏幕宽度为20rem，规定屏幕宽为750rpx，因此微信中1rem=750/20rpx，iphone6下，1px=1rpx=0.5pt，使用rpx作为单位，微信小程序会自动在不同的分辨率下进行转换，而使用px为单位不会转换，iphone6p下1px=0.6rpx；

5）rem

        在移动端做适配通常用rem作为单位，rem是根据html的fontsize去动态计算实际px；