Ionic framework iPhone X Ionic 3安全区域不工作

我使用了xCode 9.2、Ionic 3和所有最新版本（更新了我所能想到的一切），并添加了以下内容：

在设备和模拟器上进行测试时，使用iPhone 7都可以正常工作，但使用iPhone X时，我遇到了以下问题：

应用程序的顶部和底部分别位于顶部和底部。我认为这与iPhone X上的新安全区域有关

我尝试添加以下内容，但没有成功，因为它在所有设备的顶部都给了我一个空白

有没有人经历过类似的问题

我的爱奥尼亚信息：

cli软件包：

@ionic/cli-utils  : 1.19.0
ionic (Ionic CLI) : 3.19.0

cordova (Cordova CLI) : 7.1.0 

@ionic/app-scripts : 3.1.6
Cordova Platforms  : ios 4.5.2
Ionic Framework    : ionic-angular 3.7.1

全球方案：

@ionic/cli-utils  : 1.19.0
ionic (Ionic CLI) : 3.19.0

cordova (Cordova CLI) : 7.1.0 

@ionic/app-scripts : 3.1.6
Cordova Platforms  : ios 4.5.2
Ionic Framework    : ionic-angular 3.7.1

本地套餐：

@ionic/cli-utils  : 1.19.0
ionic (Ionic CLI) : 3.19.0

cordova (Cordova CLI) : 7.1.0 

@ionic/app-scripts : 3.1.6
Cordova Platforms  : ios 4.5.2
Ionic Framework    : ionic-angular 3.7.1

系统：

ios-deploy : 1.9.2 
ios-sim    : 5.0.12 
Node       : v7.10.0
npm        : 4.2.0 
OS         : macOS High Sierra
Xcode      : Xcode 9.2 Build version 9C40b 

环境变量：

ANDROID_HOME : not set

杂项：

试试这个：

<meta name="viewport" viewport-fit=cover content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

---

我有3.7.1版本的Ionic Angular（已经有几个月了，但仍然太老了）。

---

如果您更新到3.9.2或更新版本（），那么它就像一个符咒

看看这条线，我看到了，没用。我认为这与CSS有关。我发现了这篇文章，他们建议在正文中添加“paddingtop:constant（安全区域插入顶部）；paddingtop:env（安全区域插入顶部）；”但这并没有帮助。。。也许我做错了。我已将此添加到App.scsstry中。我已阅读了所有这些内容，但仍然没有一个有助于解决问题。我已经了解了，但仍然不起作用。事实上，我已经在我的问题顶部注意到了这一点。它可能与填充顶部有关：env（安全区域插入顶部）；，但不知道是什么。你没有相同的东西，“视口拟合=覆盖”在内容之外。也许这会有所不同。不，没有帮助…只是添加了我的信息