Here are fixes devs need for iOS 11 Webview Viewport on the iPhone X

Here are fixes devs need for iOS 11 Webview Viewport on the iPhone X

The default viewport behaviour in iOS 11 on an iPhone 8.

[…]

Looking good with viewport-fit set to cover in iOS 11 on an iPhone 8.

[…]

Luckily, Apple added a way to expose the safe area layout guides to CSS. They added a concept similar to CSS variables, called CSS constants. Think of these like CSS variables that are set by the system and cannot be overridden. They can be accessed by the constant() function in CSS, which has been proposed to the CSS Working Group for standardization.

[…]

Let’s say you have a fixed position header bar, and your CSS for iOS 10 currently looks like this:

[…]