search

Freddy03h / heart.css

CSS micro-framework for Single Page Application
35 stars 2 forks source link

Example app 3 : no way of hiding browser bars in portrait orientation #3

Closed DjebbZ closed 10 years ago

DjebbZ commented 10 years ago

Testing again. In the demo 3, portrait orientation, when the page loads and no matter how I try to scroll, I can't make the browser address bar and the bottom bar disappear. They disappear in landscape orientation, but not when I revert to portait orientation. iPhone 5c w/ iOS 7.1. It impairs a little bit the experience, since it's a waste of screen space. Screenshot : image 1

Freddy03h commented 10 years ago

Because there isn't viewport scroll anymore, the browser address bar and the bottom bar doesn't disappear on scroll. That's why minimal-ui for the meta viewport is important.

See here for more information : iOS 7.1: new minimal UI mode

I put minimal-ui only on iOS-like and Android-like app example at the moment.

DjebbZ commented 10 years ago

Ah, thanks for the info. Didn't check the source code of the demo.