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.
Original:
width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
Changed to:
Monday, July 29, 2013
APEX Mobile - iPhone 5 Web App in Fullscreen
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.
Posted by Dimitri Gielis at 16:17
Subscribe to:
Post Comments (Atom)
2 comments:
This is awesome!
very nice post, i like gadget.
Post a Comment