px pt rpx rem

pt = px * dpi / 72

以 Windows 下的 96dpi 来计算，1 pt = px * 96/72 = px * 4/3

pt=px乘以3/4。

挺麻烦  还是用rem吧

rem是CSS3新增的相对长度单位，是指相对于根元素html的font-size计算值的大小。简单可理解为屏幕宽度的百分比。

手机端使用rem自适应布局
 

小程序1rpx = 0.5pt

另一种方式：

移动端H5通过flexible.js+rem自适应适配方案

用了flexible.js

简洁高效的rem配方案flexible.js

原理

手机淘宝团队出的简洁高效移动端适配库
它的原理是把当前设备划分为10等份,但是不同设备下,比例还是一致的。
我们要做的,就是确定好我们当前设备的html文字大小就可以了
比如当前设计稿是750px,那么我们只需要把html文字大小设置为75px(750px/ 10)就可以
里面页面元素rem值:页面元素的px值/ 75
剩余的,让flexible.js来去算

页面元素大小取值方法

①最后的公式:页面元素的rem值=页面元素值(px) / (屏幕宽度/划分的份数))
②屏幕宽度/划分的份数就是html的 font-size的大小
③或者:页面元素的rem值=页面元素值(px) / html font-size字体大