--- title: px与rpx相互转换定义 category:

• 前端 tag:
• uniapp

---

 

px与rpx相互转换定义

rpx 转 px

uniapp 内置了 rpx 转 px 的方法，源码见下方：

// 100 为 100rpx的值
var px = uni.upx2px(100);

px 转 rpx

由于 uniapp 已经有 upx2px 的方法，可以简单的得出反向取值的公式，源码见下方：

// 200 为 px 的值，后面的两个 100 为计算比例使用
var rpx = 200/(uni.upx2px(100)/100);
 
// 验证上面rpx的值
var px = uni.upx2px(rpx);    // px的值 = 200