イオンコードバー上のiPhone Xトップビューポートコーナーの空白を取り除く方法

Question

ここでは、Understanding the WebView Viewport in iOS 11の指示に従います。Cordova app not displaying correctly on iPhone X (Simulator)には、ビューポートフィットを設定するなどしていますが、これらの白いコーナーを取り除くことはできません上：

私は何をしないのですか？

ionic (Ionic CLI)  : 3.15.2 
cordova (Cordova CLI) : 7.1.0 
Cordova Platforms  : ios 4.5.2 
Ionic Framework  : ionic-angular 3.8.0 

Answer 1

最終的に自分自身を考え出しました。場合には誰にも同じ問題があり、ここでは私のためのトリックをやったことだ：

ionic cordova plugin rm cordova-plugin-statusbar

ionic cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git

を参照してください：既存のコードでCSSの変更.Addこのコードを作るhttps://github.com/apache/cordova-plugin-statusbar/pull/85

Answer 2

like

body{ 
    padding-top: constant(safe-area-inset-top); 
    padding-top: env(safe-area-inset-top); 
} 

ツールバーボタンを使用する場合は、

.toolbar-footer{ 
margin-bottom: constant(safe-area-inset-bottom); 
margin-bottom: env(safe-area-inset-bottom); 
} 

ソリューション：

more help available at cordovo apache

stackoverflow solution