Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

safari fullscreen in iOS 7.1 with minimal-ui meta tag

I've read on multiple sites (including some stackoverflow questions) that there will be a minimal-ui meta tag for iOS 7.1 Safari. So today i've updated my iPad and it seems to have no effect. Can anyone confirm that this should work?

This is my meta tag:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">
like image 664
kannix Avatar asked Mar 10 '14 18:03

kannix


1 Answers

This option is for iPhone only (right now).

It removes the additional bars on top and bottom of the viewport introduced with iOS 7.0 when the user scrolls up.

This is especially useful in landscape orientation, where a real fullscreen experience will be back, like it was right before iOS 7.

EDIT:
Source: official release notes for iOS 7.1
https://developer.apple.com/library/ios/releasenotes/General/RN-iOSSDK-7.1/

EDIT 2: Minimal-UI is no longer supporter in iOS 8 (thanks "achairapart")

like image 174
LeJared Avatar answered Nov 09 '22 08:11

LeJared