ios 上我的 cordova 应用程序底部有空白

Question

我在 Mac 上构建了 Cordova 应用程序，最终在应用程序的底部出现了空白。当我在应用程序之间切换并返回时，空白区域消失并且应用程序处于全屏模式。

我使用 cordova 插件启动屏幕并将其放在我的 config.xml 中

<splash src="res/screen/ios/Default@2x~universal~anyany.png" />

启动画面尺寸为 2732x2732px。

首次打开后出现空白的应用程序：

在应用程序之间切换并返回后的应用程序：

有什么想法吗？

Answer 1

修复了这些 css 行的问题：

html, body {
  width: 100vw;
  height: 100vh;
}

Answer 2

这对我有用 https://github.com/quasarframework/quasar/issues/6695

从项目中删除 cordova 的 Wkwebview 插件，包括清除相关条目中的 config.xml 安装ionic webview（其中包括Wkwebview插件+他们自己的改进）： cordova 插件添加 cordova-plugin-ionic-webview --save

Answer 3

viewport-fit=cover只需将其添加到主HTML文件标题中的元标记中

<meta name="viewport" content="width=device-width, initial-scale=1"/>