iPhone X Ionic 3安全区域无法正常工作

Question

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

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

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

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

我尝试添加以下功能，但它没有工作，因为它在所有设备的顶部给了我一个空白区域。

<preference name="StatusBarOverlaysWebView" value="false" />

有没有人遇到过类似的问题？

我的离子信息：

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

系统：

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

其他：

backend : legacy

Answer 1

我的离子角度为3.7.1（几个月大但仍然太老）。 如果您更新到3.9.2或更新版本（https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md#390-2017-11-08），那么它就像一个魅力！

Answer 2

试试这个：

<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">