菜菜2

发布：2025-04-17 16:06
更新：2025-05-22 11:56
阅读：353

【报Bug】app端，平板横屏，rpx使用的界面，出现显示大小偏小

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： Apple M2；MacOS 14.5 (23F79)

手机系统： Android

手机系统版本号： Android 13

手机厂商：安卓平板/学习机

手机机型：安卓平板

页面类型： vue

vue版本： vue3

打包方式：云端

项目创建方式： CLI

CLI版本号： 4.36

示例代码：

1、pages.json 跟rpx相关配置如下：

"globalStyle": {  
    "navigationBarTextStyle": "black",  
    "navigationBarTitleText": "app",  
    "navigationBarBackgroundColor": "#F8F8F8",  
    "backgroundColor": "#F8F8F8",  
    "pageOrientation": "auto",  
    "rpxCalcMaxDeviceWidth": 1920,  
        "rpxCalcBaseDeviceWidth": 375,  
        "rpxCalcIncludeWidth": 750  
},

2、部分样式如下：

.action-item-icon {  
    width: 16rpx;  
    height: 18rpx;  
}

操作步骤：

偶然打开app出现，后续很难复现，偶尔会出现

预期结果：

rpx使用的地方，渲染正常

实际结果：

有时候，rpx使用的地方，渲染异常，整体显示偏小

bug描述：

1、使用时，横屏界面是正常显示大小；
2、某些情况下出现，横屏界面使用了rpx单位的元素整体缩小了；
3、无法稳定复现，异常和正常效果图如下附件，上边是异常显示，下边正常显示

2025-04-17 16:06 负责人:无分享

2 个回复

DCloud_UNI_JBB

可以先确定下问题是什么，另外，宽屏上 rpx 会有兼容性问题，https://uniapp.dcloud.net.cn/tutorial/adapt.html#_4-%E5%86%85%E5%AE%B9%E7%BC%A9%E6%94%BE%E6%8B%89%E4%BC%B8%E7%9A%84%E5%A4%84%E7%90%86

菜菜2 (作者)

"globalStyle": {

"pageOrientation": "auto",

"rpxCalcMaxDeviceWidth": 1920,

"rpxCalcBaseDeviceWidth": 375,

"rpxCalcIncludeWidth": 750

}

那这个配置1920 最大设备宽度实际上是会出现兼容性问题？

2025-04-18 09:21
DCloud_UNI_JBB

回复菜菜2: 这个不能确定吧，你这个是偶现性问题

2025-04-18 12:57
菜菜2 (作者)

回复 DCloud_UNI_JBB: 今天又出现了，我看了下出现场景就是退出登录操作，退出之后使用uni.reLaunch 定向到了登陆页，这时候就出现问题了

2025-05-22 11:56

菜菜2 (作者) - 11

但是这个场景又没有办法复现，只能确认就是在这个操作之后会偶发性出现rpx异常大小渲染

要回复问题请先登录或注册

【报Bug】app端，平板横屏，rpx使用的界面，出现显示大小偏小

操作步骤：

偶然打开app出现，后续很难复现，偶尔会出现

预期结果：

rpx使用的地方，渲染正常

实际结果：

有时候，rpx使用的地方，渲染异常，整体显示偏小

bug描述：

2 个回复

公告

相关问题

【报Bug】app端，平板横屏，rpx使用的界面，出现显示大小偏小

操作步骤： 偶然打开app出现，后续很难复现，偶尔会出现

预期结果： rpx使用的地方，渲染正常

实际结果： 有时候，rpx使用的地方，渲染异常，整体显示偏小

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

偶然打开app出现，后续很难复现，偶尔会出现

预期结果：

rpx使用的地方，渲染正常

实际结果：

有时候，rpx使用的地方，渲染异常，整体显示偏小