yuwuxing
yuwuxing
  • 发布:2020-12-28 23:18
  • 更新:2023-04-19 19:18
  • 阅读:2003

【问题已解决】横屏状态下rpx尺寸渲染错误

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: 正式

HBuilderX版本号: 2.9.8

手机系统: iOS

手机系统版本号: IOS 14

手机厂商: 苹果

手机机型: ipad

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<div style="width: 750rpx; height: 100rpx; background-color: #F00;"></div>  
<div style="width: 375rpx; height: 100rpx; background-color: #0F0;"></div>

操作步骤:
<div style="width: 750rpx; height: 100rpx; background-color: #F00;"></div>  
<div style="width: 375rpx; height: 100rpx; background-color: #0F0;"></div>

预期结果:

在1024的横屏时375rpx应该渲染为512px

实际结果:

在1024的横屏时375rpx渲染成了187px

bug描述:

在横屏状态下,rpx尺寸编译出错
750rpx可以正常识别为屏幕宽度,但是其他数值计算出来的就只是该尺寸的一半
例如设置为ipad横屏,那么750rpx 渲染出来是1024,但是375rpx渲染出来只有187px
目前测试H5和APP均为此情况
如图1
如果竖屏状态,则渲染正常.如图2

2020-12-28 23:18 负责人:无 分享
已邀请:
yuwuxing

yuwuxing (作者)

已找到解决方案,page.json增加配置rpxCalcMaxDeviceWidth:9999问题解决

a***@qq.com

a***@qq.com

解决了大问题,感谢!

5***@qq.com

5***@qq.com

问题解决了,谢谢老哥

要回复问题请先登录注册