将不论什么尺寸的屏幕横向均分750份,将屏幕横向分辨率除以750。
如iphone6: 分辨率 375*667
rpx转px 计算:375/750 = 0.5
px转rpx 计算:750/375 = 2
转换方法
// rpx 转换为 px ,传参类型是数字(Number)
export function rpxTopx(rpx) {
let deviceWidth = wx.getSystemInfoSync().windowWidth; //获取设备屏幕宽度
let px = (deviceWidth / 750) * Number(rpx)
return Math.floor(px);
}
小程序开发时注意
1、使用iphone6页面开发
iphone6分辨率是375*667,与rpx换算正好是2倍关系,便于单位计算
2、长宽高建议使用偶数,减少出现边缘模糊,毛刺现象
3、当需要获取 多个元素高度相加计算时,需要先分开转换计算再相加,因为会涉及四舍五入问题