Tag Archives: viewport

Rendering Sites Fullscreen in Safari on iPhone X / Introducing “User Agent Variables”

What the …? By default, the new iPhone X in landscape mode will contain sites in the so called “safe area”, resulting in white bars being rendered on either side of the site (src). The color, white by default, can … Continue reading

Elsewhere , , , Leave a comment

Visual vs. Layout Viewport Demo

With the Visual Viewport API landing in Chrome 61, this demo demonstrating the differences between both, and also the differences on how each browser vendor implements ‘m comes in handy: Visual vs. Layout Viewport Demo →

Elsewhere , , , , Leave a comment

Making viewport units work properly in Mobile Safari

A typical issue with the well supported Viewport Relative Units (you know: vh, vw, vmin, and vmax) that bothers me a lot is that MobileSafari (Safari on iOS) takes the height of the address bar into account for 100vh. Take … Continue reading

Elsewhere , , , , 1 Comment

Viewports Visualisation App

PPK: Instead of the work I was supposed to do I spent about a day and a half on the alpha version of a viewports visualisation app. It’s already been very useful to me, since figuring out how the viewports … Continue reading

Elsewhere , , , Leave a comment