Issue with iOS 11 full screen web app on iPad and the status bar

Question

I have a full screen home screen web app that is designed for 1024x768 resolution so it fits perfectly on the iPad in landscape mode. Or at least, it did, until the iOS 11. This

Answer 1

On iOS 11 all styles break in landscape mode after you change the orientation,
and you have choose which one you want to live with.

On orientation changes they add either a bar on top or at the bottom:

Freshly loaded (default, black and black-translucent):

top spacing in black or default white:

bottom spacing in black-translucent, being the pink background color:

iPhone SE, iOS 11, Full Album, Code