3 ms·
It'd be nice to see screenshots from real mobile browsers. Currently, it is not possible to use viewport-fit=cover to show content under the status or address
by sheept 4mo ago
It'd be nice to see screenshots from real mobile browsers.
Currently, it is not possible to use viewport-fit=cover to show content under the status or address bars in iOS 26 Safari,[0] even though ironically Apple introduced it for the iPhone X.[1] viewport-fit=cover only has an effect when the site is added to the home screen, where like Android it determines whether the site can render under the home bar, but the status bar remains black.
[0]: Try this in iOS Safari: https://sheeptester.github.io/hello-world/test/100vh-cover.html https://sheeptester.github.io/hello-world/test/100vh-cover.h...
[1]: https://webkit.org/blog/7929/designing-websites-for-iphone-x/ https://webkit.org/blog/7929/designing-websites-for-iphone-x...
- n_e 4mo agoIt works when the phone is in landscape mode. I think the idea is that a site has no use for the status and address bars in portrait mode since the areas are already filled with controls.