uniapp适配办理方法

[复制链接]
发表于 2026-2-24 01:39:51 | 显示全部楼层 |阅读模式
uni-app的专属强盛自顺应单位upx,rpx,不能动态赋值办理办法…
uni-app 利用 upx 作为默认尺寸单位, upx 是相对于基准宽度的单位,可以根据屏幕宽度举行自顺应。uni-app 规定屏幕基准宽度750upx。
开发者可以通过筹划稿基准宽度盘算页面元素 upx 值,筹划稿 1px 与框架样式 1upx 转换公式如下:
筹划稿 1px / 筹划稿基准宽度 = 框架样式 1upx / 750upx
举例阐明:
若筹划稿宽度为 640px,元素 A 在筹划稿上的宽度为 100px,那么元素 A 在 uni-app 内里的宽度应该设为:750 *100 / 640,结果为:117upx。
若筹划稿宽度为 375px,元素 B 在筹划稿上的宽度为 200px,那么元素 B 在uni-app 内里的宽度应该设为:750 * 200 / 375,结果为:400upx。
如下图筹划稿宽度为1920

------根据·公式筹划稿宽度 / 750 = 比率 则1920/750=2.56 盘算出1920宽度筹划稿所占标准750百分比------
为了方便在Hbuilder X中 点击工具>设置>语言服务设置中拉到最下面有个px转rpx/upx,把上面盘算的比率放进去

实际结果:

如许就根据本身输入的px尺寸主动转换为对应的upx尺寸了
选择upx就可以了

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表