<div style="width: 750rpx; height: 100rpx; background-color: #F00;"></div>
<div style="width: 375rpx; height: 100rpx; background-color: #0F0;"></div>
- 发布:2020-12-28 23:18
- 更新:2023-04-19 19:18
- 阅读:2003
产品分类: 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应该渲染为512px
实际结果:
在1024的横屏时375rpx渲染成了187px
在1024的横屏时375rpx渲染成了187px
bug描述:
在横屏状态下,rpx尺寸编译出错
750rpx可以正常识别为屏幕宽度,但是其他数值计算出来的就只是该尺寸的一半
例如设置为ipad横屏,那么750rpx 渲染出来是1024,但是375rpx渲染出来只有187px
目前测试H5和APP均为此情况
如图1
如果竖屏状态,则渲染正常.如图2