Monday, July 29, 2013

APEX Mobile - iPhone 5 Web App in Fullscreen

The default Mobile Theme (50) in APEX renders just fine in Safari. It uses the full height of my iPhone 5, but when I added the app to my Home screen and ran it from there, it didn't render in fullscreen mode.

Turns out that the iPhone 5 doesn't like the meta info.
If you take out the "width=device-width" from the meta name="viewport" part it renders in full screen.

width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

Changed to:

Note that you have to delete the icon from your home screen first and add it again after making the above change. (cache issue)

There's a nice post by Kyle Larson which goes into more detail on the above and explains how to work with startup screens on the iPhone 5.


Cerys said...

This is awesome!

Ahli Kompi said...

very nice post, i like gadget.