技术不行但人小帅 2023-02-13 12:34 采纳率: 59.2%
浏览 135
已结题

uniapp中px转换rpx的一些问题

uniapp中px转rpx或者 rpx转px该怎么用?
在编辑器中已经启用但是并没有出现像其他文章那样有提示

img


提示:

img


我的:

img


请问uniapp是自动转换rpx的吗?还是只是提示具体的还是要自己写上 rpx
意思是: 假设font-size:11px rpx提示是22rpx的话 是不是 我需要自己写成 font-size:22rpx? 还是说当自己写font-size:11px时在微信小程序时会自动切换。
还有如果通过js获取到不同设备的宽高根据其宽高来求其rpx大小的话例如:

//例如通过uni.getSystemInfoSync().screenWidth获取到的屏幕宽度为1024
let screenWidth = 1024
//rpx值为100
let rpx = 100
//得到的px值为:
let px = (screenWidth * rpx) / 750

那么获取到的这个let px 不是和原来的px保留字冲突了吗, 这个let px是用在哪个地方的?
我在此这里举个例子

img


那么这个width该怎么用上 let px 的值呢?
不太懂,这个逻辑是啥,问题有点多,谢谢各位

  • 写回答

2条回答 默认 最新

  • 简效 2023-02-13 15:15
    关注

    在设置文件mainfest.json里开启px转rpx(默认关闭),px可一键转换为rpx

    “transformPx”:false
    
    

    rpx动态绑定

    
    <view :style="{width:datawidth + 'rpx;'}"></view>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 2月28日
  • 已采纳回答 2月20日
  • 创建了问题 2月13日