safari-minimal-ui

safari fullscreen in iOS 7.1 with minimal-ui meta tag

一个人想着一个人 提交于 2019-12-09 16:37:40
问题 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"> 回答1: 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

Gray area visible when switching from portrait to landscape using iOS 7.1 minimal-ui

大城市里の小女人 提交于 2019-12-03 05:06:32
问题 In a web application that I am working on, I tried out iOS 7.1's new minimal-ui feature (see safari fullscreen in iOS 7.1 with minimal-ui meta tag), but I am seeing an issue where an 84px-high gray area appears at the bottom when I switch from portrait to landscape. Also, document.body.scrollTop changes to 64 after switching to landscape. You can see the issue using this "Hello World" web app: http://www.creativepulse.gr/media/blog/2014/20140123-hello-world/example.html When I load the app in

Gray area visible when switching from portrait to landscape using iOS 7.1 minimal-ui

∥☆過路亽.° 提交于 2019-12-02 18:20:26
In a web application that I am working on, I tried out iOS 7.1's new minimal-ui feature (see safari fullscreen in iOS 7.1 with minimal-ui meta tag ), but I am seeing an issue where an 84px-high gray area appears at the bottom when I switch from portrait to landscape. Also, document.body.scrollTop changes to 64 after switching to landscape. You can see the issue using this "Hello World" web app : http://www.creativepulse.gr/media/blog/2014/20140123-hello-world/example.html When I load the app in Mobile Safari on iOS 7.1 iPhone Retina Simulator, everything is fine in portrait mode. However,