本文共 545 字，大约阅读时间需要 1 分钟。

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

另一种方式：

用了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字体大

转载地址：http://ydtin.baihongyu.com/