Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Safari Mobile full screen

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

like image 845
Cattani Simone Avatar asked May 26 '11 18:05

Cattani Simone


People also ask

Does iOS Safari support fullscreen?

Not all platforms are equal. iOS Safari doesn't have a fullscreen API, but we do on Chrome on Android, Firefox, and IE 11+. Most applications you build will use a combination of the JS API and the CSS selectors provided by the fullscreen specification.

Can you make Safari open in full screen?

Comments: 3 Responses to “How Do I Open Safari To Full Screen?” Go to System Preferences, General, then uncheck "Close windows when quitting an app." Otherwise, when you quit Safari, it closes the open windows, including your full screen one, and you don't get it back when you start again.


1 Answers

<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

like image 176
malinois Avatar answered Oct 24 '22 10:10

malinois