0
点赞
收藏
分享

微信扫一扫

uniapp小程序连接蓝牙设备

思考的鸿毛 2024-07-24 阅读 33

uni-app的专属强大自适应单位upx,rpx,不能动态赋值解决办法…

uni-app 使用 upx 作为默认尺寸单位, upx 是相对于基准宽度的单位,可以根据屏幕宽度进行自适应。uni-app 规定屏幕基准宽度750upx。

如下图设计稿宽度为1920

在这里插入图片描述
------根据·公式设计稿宽度 / 750 = 比率 则1920/750=2.56 计算出1920宽度设计稿所占标准750百分比------

为了方便在Hbuilder X中 点击工具>设置>语言服务配置中拉到最下面有个px转rpx/upx,把上面计算的比率放进去

在这里插入图片描述
实际效果:

在这里插入图片描述
这样就根据自己输入的px尺寸自动转换为对应的upx尺寸了

选择upx就可以了

举报

相关推荐

0 条评论