Leo星星
Leo星星
  • 发布:2023-11-30 12:11
  • 更新:2023-12-01 10:04
  • 阅读:136

【报Bug】宽屏适配时pad与浏览器效果不同

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: 正式

HBuilderX版本号: 3.98

手机系统: Android

手机系统版本号: Android 13

手机厂商: vivo

手机机型: pad air

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
"globalStyle": {  
        // #ifdef H5  
        "navigationStyle": "custom",  
        // #endif  
        "backgroundColor": "#EBEBF4",  
        "backgroundTextStyle": "dark",  
        "navigationBarBackgroundColor": "#FFFFFF",  
        "navigationBarTextStyle": "black",  
        "navigationBarTitleText": "占星术Astrology",  
        "rpxCalcMaxDeviceWidth": 750, //默认960, // rpx 计算所支持的最大设备宽度,单位 px,默认值为 960,增加之后可以避免PC端错乱,但没有缩放之后的效果也很不好  
        "rpxCalcBaseDeviceWidth": 375, // rpx 计算使用的基准设备宽度,设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算,单位 px,默认值为 375  
        "rpxCalcIncludeWidth": 750 // rpx 计算特殊处理的值,始终按实际的设备宽度计算,单位 rpx,默认值为 750  
    },

操作步骤:

用pad打开app

预期结果:

与浏览器一致

实际结果:

类似于APP被拉伸

bug描述:

同样的globalStyle代码,在我的理解中应该是同样的宽屏适配,毕竟是根据设备的width来调整的。

但是实际效果pad类似于手机版的拉伸,而浏览器则是很好的适配。

不清楚是bug,还是我的某些设置忽略了Pad与H5的差异。

2023-11-30 12:11 负责人:无 分享
已邀请:
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

相通代码在浏览器,打包 app 在安卓平板展示效果不同,目前提供的信息有限,可以提供下测试工程,并打印在平板的屏幕宽 高,方便复现

要回复问题请先登录注册