DCloud_HB_WDL
DCloud_HB_WDL
  • 发布:2019-01-03 18:55
  • 更新:1 天前
  • 阅读:49517

HBuilderX中自动转换px为upx

分类:HBuilderX

uni-app 使用 upx 作为默认尺寸单位, upx 是相对于基准宽度的单位,可以根据屏幕宽度进行自适应。uni-app 规定屏幕基准宽度750upx。
但如果设计稿不是750px,那换算单位可头疼了。
莫急,能让计算机算的,不会让人算。

  1. 在HBuilderX 【设置】【编辑器设置】中进行配置
  2. 启用px转upx后,就可以愉快的在uniapp中使用了。如下图:

关于upx尺寸单位,更多见:upx尺寸单位

当然,在普通web开发中,也是支持px转rem的。

7 关注 分享
DCloud_HB_WKP ccjuice sonicsunsky LuxSun 1***@qq.com siberiawolf37 吴克

要回复文章请先登录注册

1***@qq.com

1***@qq.com

回复 00后霸道总裁 :
750 / 390 ≈ 1.92
1 天前
00后霸道总裁

00后霸道总裁

现在设计稿都是390宽,不是375了,怎么设置?
2022-11-04 22:15
00后霸道总裁

00后霸道总裁

这样好麻烦啊,官方能不能直接搞一个填设计图尺寸的参数page.json里面,改起来多方便
2022-11-04 22:15
youzhuxiaoyao

youzhuxiaoyao

这样好麻烦啊,官方能不能直接搞一个填设计图尺寸的参数page.json里面,改起来多方便
2022-11-01 22:00
1***@qq.com

1***@qq.com

应该在增加一个px转vw的。vw这个单位还是挺好用的吧
2022-04-11 14:17
machi的奶茶

machi的奶茶

你的设计稿宽度/750,如果你的设计稿宽度是1080,比例就是1.44
2022-01-11 10:06
l***@163.com

l***@163.com

这个设置了,能体现在哪里?我最开始用的px,我们设计稿是375,就是1px=2rpx,后来写了几天发现要用rpx,然后我就按照文档设置了比例为0.5,设置完能干啥?我看微信开发者工具上一个图片我写169px高度,不管哪个机型高度都是169px,并没有转换成rpx,文档也没说设置完在哪里提现啊。。。
2021-09-03 14:20
8***@qq.com

8***@qq.com

大哥这玩意在组件属性上写单位 根本没提示 我很难受啊 能不能优化下
2020-10-20 14:41
剑心无间

剑心无间

回复 2***@qq.com :
这个是挺有必要的
2020-09-12 12:30
5***@qq.com

5***@qq.com

回复 3***@qq.com :
你的设计稿宽度/750,如果你的设计稿是640,比例就是0.8533333333
2020-08-04 10:21