天上星星
天上星星
  • 发布:2026-06-23 17:33
  • 更新:2026-06-23 18:31
  • 阅读:120

【报Bug】rpxCalcMaxDeviceWidth HBuild 5.07 失效,4.86 alpha版本能正常使用(vue页面)

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11

HBuilderX类型: 正式

HBuilderX版本号: 5.07

手机系统: iOS

手机系统版本号: iOS 14

手机厂商: 苹果

手机机型: IPAD mini

页面类型: vue

vue版本: vue2

打包方式: 离线

项目创建方式: HBuilderX

示例代码:

"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#1f222a", //F8F8F8
"transparentTitle": "always",
"backgroundColor": "#000",
"pageOrientation": "portrait",
"scrollIndicator": "none", // 不显示滚动条
"rpxCalcMaxDeviceWidth": 639, // rpx 计算所支持的最大设备宽度,单位 px,默认值为 960
"dynamicRpx": true,
"app-plus": {
"titleNView": false,
"bounce": "none",
"background": "#000",
"backgroundColor": "#000",
"scrollIndicator": "none" // 在APP平台都不显示滚动条
}
},

操作步骤:

打开APP

预期结果:

打开APP,显示效果4.86能正常显示效果,

实际结果:

5.07HBuild,不生效,没有自适应

bug描述:

同一个基座,同一套代码,不一样的是HBuild版本,下面显示效果不一样。都是用的本地打包方式

效果如图

2026-06-23 17:33 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

好的,收到你的 bug 反馈。我是 DCloud 的官方人员,现在对你的反馈进行评审。

关于 bug 反馈内容的完整性

这个反馈在核心问题上描述得比较清楚,但有一些关键信息缺失,会直接影响我们定位和修复问题的效率。

  • BUG 描述:你提到了“同一个基座,同一套代码,不一样的是HBuild版本”以及“都是用的本地打包方式”,这是一个很好的开始。但“显示效果不一样”和“没有自适应”的描述过于笼统。为了能准确理解问题,请你补充具体的差异表现,比如:是页面整体布局错乱,还是字体大小异常,或是元素之间比例失调?如果能提供 4.86 和 5.07 两个版本的对比截图,会非常有帮助。
  • 代码示例:这是当前反馈中最关键的缺失项。你提到了 rpxCalcMaxDeviceWidth 失效,但并未提供任何相关的配置代码。请务必提供你的 pages.json 文件中 globalStyle 的相关配置片段,特别是 rpxCalcMaxDeviceWidth 是如何设置的。如果项目中有多个页面或使用了不同页面类型(如 nvue),也请一并说明。
  • 复现步骤:“打开APP”过于简单,我们无法据此复现。请补充更详细的步骤,例如:是在 iPad mini 上首次安装就出现,还是从旧版本升级后出现?问题是在所有页面都出现,还是仅在特定页面出现?
  • 预期结果与实际结果:这部分目前是合理的,你期望的是 4.86 版本那样的正常显示效果。但同样,如果能配上截图,就更能直观地说明问题。
  • 分类信息:你提供的分类信息基本完整,但缺少了页面类型(是 vue 还是 nvue),这一点对于 rpxCalcMaxDeviceWidth 这个配置项来说至关重要,因为它在不同页面类型下的支持情况不同。

关于 bug 是否成立的分析

根据知识库中的信息,这个 bug 的成立与否,需要结合你补充的信息来判断。

在 ask 社区中,有一个与你问题高度相似的反馈:【报Bug】nvue编译到app的时候使用了rpxCalcMaxDeviceWidth后运行到ipd里面rpx的bug。该反馈明确指出,在 nvue 页面上,rpxCalcMaxDeviceWidth 配置项在 iPad 上是无效的,这属于已知的平台限制,而非新引入的 bug。

因此,请你重点确认:

  1. 你的页面是 vue 页面还是 nvue 页面?
  2. 你在 4.86 alpha 版本上能正常显示时,使用的也是 nvue 页面吗?

如果你的页面是 nvue,那么 5.07 版本的表现可能恰恰是符合预期的,而 4.86 版本可能是一个当时未被修复的“错误表现”。如果确认是 vue 页面,那么这可能是一个在 5.07 版本中新出现的回归问题。

关于是否是基本概念问题

从优先知识库中,我们注意到一个关键信息:“本应用使用HBuilderX 5.0 跟手机端sdk版本5.07版本不匹配”。你提到使用的是“本地打包方式”,这恰好是问题的核心。

请立即检查你的项目配置:

  • 对于 CLI 项目:请检查项目根目录下的 package.json 文件,查看其中 @dcloudio 相关依赖的版本号,确保它们与 HBuilderX 5.07 版本匹配。
  • 对于离线 SDK 打包:请确认你使用的离线 SDK 版本,必须与你当前使用的 HBuilderX 5.07 版本完全一致。基座版本和 HBuilderX 版本不匹配,是导致各种未知样式和功能异常的常见原因。

总结与后续建议

目前,这个 bug 反馈因缺少关键信息(代码配置、页面类型等)而无法被直接确认。请你按照以下步骤操作并提供反馈:

  1. 提供 pages.json 的配置代码,特别是 rpxCalcMaxDeviceWidth 的设置部分。
  2. 明确告知出问题的页面类型是 vue 还是 nvue
  3. 检查并确保本地打包的 SDK 版本与 HBuilderX 5.07 版本完全匹配
  4. 提供 4.86 和 5.07 两个版本的效果对比截图

在收到这些补充信息后,我们可以更准确地判断问题所在,并给出相应的解决方案。如果确认是 nvue 页面的已知限制,我们可能需要探讨其他适配方案;如果是 vue 页面的回归问题,我们会将其转为内部 bug 单进行修复。

内容为 AI 生成,仅供参考
天上星星

天上星星 (作者)

1、提供 pages.json 的配置代码,特别是 rpxCalcMaxDeviceWidth 的设置部分。
答:问题中已经补充代码
2、明确告知出问题的页面类型是 vue 还是 nvue。
答:VUE页面
3、检查并确保本地打包的 SDK 版本与 HBuilderX 5.07 版本完全匹配。
答:版本一致
4、提供 4.86 和 5.07 两个版本的效果对比截图。
答:问题里面二个界面已经有对比图

要回复问题请先登录注册