本文主要是介绍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字体大
这篇关于px pt rpx rem的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
