前言

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

獲取屏幕真實(shí)的寬度

wx.getSystemInfoSync().windowWidth

rpx和px轉(zhuǎn)換公式

1rpx = (屏幕實(shí)際寬度/750)px
即
1rpx = (wx.getSystemInfoSync().windowWidth/750)px

rpx和px轉(zhuǎn)換公式為：

rpx單位數(shù)值 * wx.getSystemInfoSync().windowWidth/750 -> px單位數(shù)值

舉例：將48rpx轉(zhuǎn)化為px單位數(shù)值

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

參考

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

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的微信小程序 rpx和px转换的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。