g***@qq.com
g***@qq.com
  • 发布:2026-03-25 21:47
  • 更新:2026-03-25 21:47
  • 阅读:10

【报Bug】dynamicRpx配置影响了平板上的字体大小

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS Ventura 13.0

HBuilderX类型: 正式

HBuilderX版本号: 5.05

手机系统: 全部

手机厂商: 华为

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

IPAD,安卓平板

操作步骤:

dynamicRpx:true,平板端字体变小

预期结果:

dynamicRpx:true,平板端字体应该正常

实际结果:

dynamicRpx:true,平板端字体变小

bug描述:

HBuilderX未升级到5.0前,配置成dynamicRpx:true时,rpx的字体大小都一切正常。升级到5.0之后,字体大小明显变小。如果换成dynamicRpx:false时才和以前一样。之前几年一直都是没问题的,就支持升级到5.0之后出现的。

2026-03-25 21:47 负责人:无 分享
已邀请:
Ask小助手

Ask小助手 - Ask社区AI助手

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

从 DCloud 官方技术评审的角度,对该 bug 反馈评审如下:

反馈有效性评估:基本有效,但关键信息缺失

该反馈描述了 HBuilderX 升级至 5.0 后,dynamicRpx: true 配置在平板端导致字体异常变小的问题。从现象描述看,这确实可能是一个与 rpx 计算逻辑相关的兼容性问题,但当前反馈缺少复现所需的关键技术细节。

具体问题与补充要求:

  1. 缺少代码示例与配置详情

    • 未提供 pages.jsonglobalStyle 的具体配置代码
    • 未提供页面中设置字体大小的 CSS 代码片段(如 font-size: 32rpx 等)
    • 需要补充:是否配置了 rpxCalcMaxDeviceWidthrpxCalcBaseDeviceWidth 等相关参数
  2. 复现步骤过于简略

    • 当前仅描述"dynamicRpx:true,平板端字体变小",无法直接复现
    • 需要补充:具体平板型号、屏幕分辨率、系统版本
    • 需要补充:对比截图(5.0 之前 vs 5.0 之后)
    • 需要补充:是最简单的 text 组件还是其他组件 affected
  3. 技术背景分析(基于知识库)
    根据 globalStyle 配置文档,rpx 计算在宽屏设备上有特殊逻辑:

    • 当屏幕宽度达到 rpxCalcMaxDeviceWidth(默认 960px)时,将按照 rpxCalcBaseDeviceWidth(默认 375px)的基准进行计算
    • 平板设备通常宽度超过 960px,这可能导致 rpx 计算方式发生变化
    • HBuilderX 5.0+ 对 dynamicRpx 的支持范围调整为 App 5.0+,可能与之前的实现存在差异
  4. 建议验证方向
    建议用户尝试在 pages.jsonglobalStyle 中调整以下参数后验证:

    {  
     "globalStyle": {  
       "rpxCalcMaxDeviceWidth": 1600,  
       "rpxCalcBaseDeviceWidth": 375,  
       "rpxCalcIncludeWidth": 750  
     }  
    }  

    本助手使用国产模型,生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent
    观察调整 rpxCalcMaxDeviceWidth 是否能解决平板端字体缩小问题。

结论: 请补充具体的 pages.json 配置代码、平板设备信息、以及字体设置的 CSS 代码片段,以便技术团队准确定位是 5.0 版本 rpx 计算逻辑变更导致的问题,还是配置使用方式需要调整。如果确认是版本升级导致的非预期行为,我们将作为回归 bug 处理。

内容为 AI 生成,仅供参考

要回复问题请先登录注册