px与rpx关系与换算方法

将不论什么尺寸的屏幕横向均分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、当需要获取 多个元素高度相加计算时,需要先分开转换计算再相加,因为会涉及四舍五入问题

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值