Safe area inset environment variables
Widely availableThe safe-area-inset-
CSS environment variables represent a rectangle that cannot cut off content within a non-rectangular screen. For example, top:\ env(safe-area-inset-top);
positions the top of an element below the notch on an iPhone.
Safari Browser
iOS
11.3