![Designing websites keeping floating tab bar of Safari 15 (on iOS) in mind — Amit Merchant — A blog on PHP, JavaScript, and more Designing websites keeping floating tab bar of Safari 15 (on iOS) in mind — Amit Merchant — A blog on PHP, JavaScript, and more](https://www.amitmerchant.com/images/safe-area-inset-in-action.png)
Designing websites keeping floating tab bar of Safari 15 (on iOS) in mind — Amit Merchant — A blog on PHP, JavaScript, and more
![Rendering Sites Fullscreen in Safari on iPhone X / Introducing “User Agent Variables” (CSS Environment Variables) – Bram.us Rendering Sites Fullscreen in Safari on iPhone X / Introducing “User Agent Variables” (CSS Environment Variables) – Bram.us](https://www.bram.us/wordpress/wp-content/uploads/2017/09/iphonex-whitebars.png)
Rendering Sites Fullscreen in Safari on iPhone X / Introducing “User Agent Variables” (CSS Environment Variables) – Bram.us
![Aaron Iker on Twitter: "Make sure to define the safe area 👇 env(safe-area- inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe- area-inset-left) 📖 https://t.co/Sl8qW5D6fT https://t.co/K9zTB4N7Al" / Twitter Aaron Iker on Twitter: "Make sure to define the safe area 👇 env(safe-area- inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe- area-inset-left) 📖 https://t.co/Sl8qW5D6fT https://t.co/K9zTB4N7Al" / Twitter](https://pbs.twimg.com/media/EmIfxnSWMAEzyqW.jpg:large)
Aaron Iker on Twitter: "Make sure to define the safe area 👇 env(safe-area- inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe- area-inset-left) 📖 https://t.co/Sl8qW5D6fT https://t.co/K9zTB4N7Al" / Twitter
![css-env] Add environment variable for left/right bounds of notch · Issue #4721 · w3c/csswg-drafts · GitHub css-env] Add environment variable for left/right bounds of notch · Issue #4721 · w3c/csswg-drafts · GitHub](https://user-images.githubusercontent.com/8602218/75751649-d5a25400-5cdb-11ea-822f-87b256831014.png)