Safe-area-inset lets you make the most use of device screens, even with their pesky notches, holes or islands that get in the way. Check out our interactive deep dive to learn how to use safe-area-insets, what to use them for, and the best way to test them on desktop. polypane.app/blog/using-s...
Post
polypane.appUsing safe-area-inset to build mobile-safe layouts | PolypaneModern phones are not simple rectangles. They have rounded corners, camera cutouts, dynamic islands, and home indicators that double as gesture areas. Browsers…
As of right now, Chrome on Android does not support "viewport-fit=cover" and prevents you from rendering content beneath the system user interface. However, there is a feature request that is making good progress. issues.chromium.org/issues/40742...
issues.chromium.orgChromium
Oh, good call! The article was written primarily for using safe-area-insets inside browsers, but when you switch over to PWAs (and even native apps) the insets matter even more.
0 reposts2 likes
No replies yet.