我使用了 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 我遇到以下问题：
应用程序的顶部和底部都分别位于顶部/底部。我认为这与 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