8***@qq.com
8***@qq.com
  • 发布:2022-02-17 18:45
  • 更新:2022-02-21 14:24
  • 阅读:476

【报Bug】最新版hbuilderx云打包ios之后webview页面出现留白,无法全屏展示

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.3.11

手机系统: iOS

手机系统版本号: iOS 15

手机厂商: 苹果

手机机型: 11pro

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://ide.dcloud.net.cn/build/download/11f5be40-8fde-11ec-8954-7511101fbdf7

操作步骤:

原生APP-云打包,然后进行传统打包

预期结果:

正常应该是全屏显示不应存在留白

实际结果:

右侧和底部都存在空白,而且不是webview内嵌h5本身的留白

bug描述:

所有的webview在打开之后都无法全屏展示,左右两侧和底部都有空白出现,在h5的mete标签添加viewport-fit=cover属性之后顶部和左侧没有了,但是右侧的间隙变大,底部间隙仍然存在
页面打开方式是
uni.navigateTo({
url:"../detail/detail?cid="+e,
animationType: 'none',
})
因为不加animationType ,IOS第一次打开webview只展示半屏

2022-02-17 18:45 负责人:DCloud_iOS_XHY 分享
已邀请:
BoredApe

BoredApe - 有问题就会有答案。

请上传一个能重现问题的测试工程,打包Hello Uni-app是否又问题?

  • 8***@qq.com (作者)

    我上传了一个测试项目,你可以看一下,我觉得他的留白应该是iphone安全区域的问题,但是试过网上找的一些方法都没有用

    2022-02-18 10:43

DCloud_iOS_XHY

DCloud_iOS_XHY

将 url 换成 https://www.baidu.com/ 测试没有问题,在检查一下样式吧

DCloud_UNI_GSQ

DCloud_UNI_GSQ

方案一:

viewport-fit=cover 加上样式 html width 100w,height 100h

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