PWA 中的额外边距 - 无法拉伸整个高度

Posted 2023-02-22

【中文标题】PWA 中的额外边距 - 无法拉伸整个高度

【英文标题】：Extra margin in PWA - can't stretch full height

【发布时间】：2020-03-17 09:56:59

【问题描述】：

我使用 Vue.js 和 https://www.pwabuilder.com/ 构建了一个 PWA。

在 ios (Iphone 11) 上，我的应用在顶部和底部有额外的边距，可降低屏幕高度，如下面的屏幕截图 1 所示。在 Iphone 8 模拟器上，它似乎是全角的。可能是因为它是固定的？

我认为这可能与我的 JS 代码有关，但使用 Safari 调试应用程序表明额外的边距更有可能与 XCode 项目相关联，因为它们似乎适用于我的应用程序视图之外。

有谁知道这可能来自哪里？

我对 XCode 非常陌生，所以可能只是我的项目在某个地方设置了最大高度。

感谢您的帮助。

截图 1：

屏幕截图 2：

【参考方案1】：

任何人现在看到这个并且有同样的错误：

这是 Xcode 中的闪屏问题。如果默认为另一个较小的启动图标并以较小的高度启动应用程序，则会丢失一些启动图标（通常是来自测试设备的图标）。