Fullscreen height – issue reopened

More or less one year ago, I posted an article about fullscreen overlays on iOS, proposing the use of the vh unit for removing the visible gap caused by using a percentage value. But in the end it isn't as simple as this, because the viewport height in mobile browsers is not constant at all.

There are quite a few layout components which use full-screen elements, not only overlays. Another use-case are intro- or landing pages with different sections, where each section has the minimum height of the browser window,…