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