Apple-Specific Meta Tags
Safari offers several meta tags that allow us to specify how a web page should behave on iOS devices. Check out https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html#//apple_ref/doc/uid/TP40008193-SW3 for more details.
- <meta name="apple-mobile-web-app-capable" content="yes"> specifies that the page on which this tag resides should run in full-screen mode.
- <meta name="apple-mobile-web-app-status-bar-style" content="black">, which only works if the apple-mobile-web-app-capable meta tag is included first, allows us to change the display of the status bar. If content is set to default, the status bar appears normal. If set to black, the status bar has a black background. If set to black-translucent, the status bar is black and translucent. If set to default or black, the web content is displayed below the status bar. If set to black-translucent, the web content is displayed on the entire screen, partially obscured by the status bar. The default value is default.