DCloud_HB_WDL
DCloud_HB_WDL
  • 发布:2019-01-03 18:55
  • 更新:2024-08-02 09:33
  • 阅读:64094

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 吴克

要回复文章请先登录注册

五指毛桃猪

五指毛桃猪

回复 sumsum :
1080/750
2020-03-31 14:28
sumsum

sumsum

1080px设计稿要怎么设置呢
2020-02-17 14:38
落花时节

落花时节

假设原始设计稿宽度为 800px,你需要展示的元素宽度为50px,转换到 宽度为 750px 的设备上,其实就是显示的宽度比例不变, 50/800算出设计稿上 50px占据总宽度的比值,然后 *750 算出在 750px 宽的设备上占据多少个像素
2019-06-27 11:22
7***@qq.com

7***@qq.com

用cli脚手架构建的项目,在哪儿配置upx基本单位
2019-06-18 11:11
[已删除]

[已删除]

回复 极客道人 :
上面不是有写吗, 设计稿宽度 / 750
2019-04-03 13:18
极客道人

极客道人

px转upx的比例值是多少?
2019-01-18 14:16