首页
找靠谱产品
找解决方案
找靠谱公司
找案例
找对的人
专家智库
悬赏任务
SAAS
ToB门户
了解全球最新的ToB事件
论坛
潜水/灌水快乐,沉淀知识,认识更多同行。
ToB圈子
加入IT圈,遇到更多同好之人。
微博
Follow
记录
Doing
博客
Blog
文库
业界最专业的IT文库,上传资料也可以赚钱
下载
分享
Share
排行榜
Ranklist
相册
Album
应用中心
qidao123.com ToB IT社区-企服评测·应用市场
»
论坛
›
物联网/工业互联网
›
物联网
›
uniapp适配办理方法
返回列表
发新帖
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实名职场社区
去登录
微信订阅号
微信服务号
微信客服(加群)
H5
小程序
快速回复
返回顶部
返回列表