<div style="width: 750rpx; height: 100rpx; background-color: #F00;"></div>
<div style="width: 375rpx; height: 100rpx; background-color: #0F0;"></div>
yuwuxing
- 发布：2020-12-28 23:18
- 更新：2023-04-19 19:18
- 阅读：1974
产品分类： 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
