Safari Mobile full screen

9
votes

I'm trying to set the full screen mode on my iPhone Web App, I have read the Apple's documentation on apple-mobile-web-app-capable meta tag, but it doesn't work, can you help me? Thanks

2
iphoneweb-applicationsfullscreeniphone-standalone-web-appmetatag
Have you added it to your home screen and launched it that way? It won't work in normal Safari. – ceejayoz

2 Answers

16
votes
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

Make sure you do what Bala Clark mentioned

Its worth mentioning that these tags only work when the app is saved the home screen and launched from there

6
votes

You can also add a javascript function : 

<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">