第一種轉(zhuǎn)換方法：
由rpx的微信官方介紹可知
rpx（responsive pixel）: 可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。規(guī)定屏幕寬為750rpx。
如在 iPhone6 上，屏幕寬度為375px，共有750個(gè)物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。
由此得知是以750物理像素為基準(zhǔn)：
px / rpx = screenWidth / 750
由此得知：
- rpx = (750 px) / screenWidth
- px = (screenWidth rpx) / 750
// rpx轉(zhuǎn)px
rpxToPx(rpx) {
const screenWidth = uni.getSystemInfoSync().screenWidth
return (screenWidth * Number.parseInt(rpx)) / 750
}
// px轉(zhuǎn)rpx
pxToRpx(px) {
const screenWidth = uni.getSystemInfoSync().screenWidth
return (750 * Number.parseInt(px)) / screenWidth
}?第二種轉(zhuǎn)換方法：文章來源：http://www.zghlxwxcb.cn/news/detail-512915.html
uniapp 內(nèi)置的轉(zhuǎn)換方法文章來源地址http://www.zghlxwxcb.cn/news/detail-512915.html
// rpx轉(zhuǎn)px
rpxToPx(rpx) {
return uni.upx2px(rpx)
}
// px轉(zhuǎn)rpx
pxToRpx(px) {
//計(jì)算比例
let scale = uni.upx2px(100)/100;
return px/scale
},到了這里，關(guān)于uni-app px與rpx的轉(zhuǎn)換的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
