So iPad’s full screen web-app feature is super cool, but I have a problem with it.
The status bar of the ipad covers up part of the page! Just a little bit, but its still a problem. I would like to add padding to the top of the body element to account for this, but ONLY in full screen web app mode.
I am at a loss on how to detect this. Has anyone found a way to add padding to the top so that a full screen web app does not have overlap?
Check out this property…
This will tell you if your application has been added to the home screen and is running from there.