Ionic v1 - iPhone X 缺口覆盖横向内容

Question

我viewport-fit=cover在 Ionic v1 应用程序的元标记中使用了建议的段。这在垂直视图中效果很好，但是，当我转动手机并进入横向模式时，没有对内容应用填充，并且由于 iPhone X 的缺口而未显示某些屏幕。

如何修复它以便内容不会被纵向或横向覆盖？

Answer 1

首先，确保已添加以下元标记：

<meta name="viewport" content="initial-scale=1,user-scalable=no, width=device-width, height=device-height, viewport-fit=cover">

然后您需要遵循Status Bar cordova 插件的文档。您将在该页面上看到他们使用的内容，this.statusBar.overlaysWebView(true);我认为您需要这样做，以便缺口（包括状态栏的其余部分）覆盖所有内容加载到的网络视图。