前言

  • 微信小程序使用的是rpx
  • 不管屏幕宽度是多少，将宽度划分成750份，1份就是1rpx

获取屏幕真实的宽度

wx.getSystemInfoSync().windowWidth

rpx和px转换公式

1rpx = (屏幕实际宽度/750)px
即
1rpx = (wx.getSystemInfoSync().windowWidth/750)px

rpx和px转换公式为：

rpx单位数值 * wx.getSystemInfoSync().windowWidth/750 -> px单位数值

举例：将48rpx转化为px单位数值

let pxValue = 48 * wx.getSystemInfoSync().windowWidth/750;

参考

https://blog.csdn.net/smlljet/article/details/90787152

微信小程序 rpx和px转换-编程知识网与50位技术专家面对面20年技术见证，附赠技术全景图