f***@gmail.com
f***@gmail.com
  • 发布:2019-04-09 15:14
  • 更新:2019-04-09 15:14
  • 阅读:1422

【报Bug】IPHONE X XR ,屏幕旋转后css为calc(100vw - 34px)的页面未自动适配,页面大部分留白

分类:HTML5+

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]
IPHONE X XR ,屏幕旋转后css为width:calc(100vw - 34px)的页面未自动撑开适配,页面大部分留白

在旋转时js层是有高负荷的运算的,不知是否会影响到页面的表现

自测于IPHONE X XR机型,皆可以重现(有一定概率触发),目前还未仔细彻查到底是什么原因

旧版基座上的代码是如期望运行的,新版hbuilderX打包出来的基座才有的问题

请告知或检查新版本是否对X XR XS等机型是否有这种问题

重现步骤

[步骤] 新开一个WEBVIEW,然后在高复合处理情况下,使用lockOrentation,将屏幕旋转90度

仅 iphone x xr (xs未拥有该机型,目前未知) 出现该种情况
[结果] calc的宽度未正常触发,导致页面变形
[期望] 页面正常撑开,和旧版运行结果相同
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX] HBuilder X 1.8.2.20190401
[IDE版本号] ??
[windows版本号]
[mac版本号] 10.14.2

uni-app运行环境说明

[运行端是h5或app或某个小程序]
[运行端版本号]

App运行环境说明

[Android版本号]
[iOS版本号] 12.2.2
[手机型号] iphone x , iphone xr
[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]

联系方式

[QQ]

2019-04-09 15:14 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复