My goal is to make my app on full screen and for this purpose I use two functions:

StatusBar.overlaysWebView(true);
StatusBar.hide();

This is work for Android OS but on iPhone I have a body margin equals to status bar height. I don't understand why, it's looks like:

(Orange is margin equals to statusbar height and violet is the body content)

I know It's possible to make full screen because I have an other Ionic app with Cordova and when I hide status bar my app start at top of phone.

In my css I have margin and padding at 0. I know the overlay is well taken into account because my body with 100vh outrun height of screen just my body dosn't start à top of screen.

CodePudding user response：

For solved it use <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" />