Come ottimizzare un sito per iPhone X

Dal blog di WebKit, una guida su come evitare che il contenuto di una pagina web venga oscurato dal famigerato “notch”:

WebKit in iOS 11 includes a new CSS function, constant(), and a set of four pre-defined constants, safe-area-inset-left, safe-area-inset-right, safe-area-inset-top, and safe-area-inset-bottom. When combined, these allow style declarations to reference the current size of the safe area insets on each side.

Un po’ una cosa triste, che un sito vada ottimizzato per funzionare al meglio su un singolo device.