A little late to the party, but for the iPhone X, has anyone implemented the viewport fit to “cover”, as well as declared safe areas using css for a bubble webpage? I’ve been able to implement the viewport fit to “cover”, as per iOS 11 Webview Viewport leaves 20 pixel white strip at top of page. But am having trouble declaring safe areas so content isn’t covered by the iPhone X notch. I presumed using css tools is the way to go to implement the env() function? Is this injection of css code even possible in bubble? Here’s the guide I’m following https://webkit.org/blog/7929/designing-websites-for-iphone-x/. @brentsum
sherman
2
Related topics
| Topic | Replies | Views | Activity | |
|---|---|---|---|---|
| iOS 11 Webview Viewport leaves 20 pixel white strip at top of page | 35 | 16419 | March 21, 2024 | |
| Viewport (removing safari for web app) | 12 | 2342 | May 2, 2019 | |
| iOS xcode wrapper app: what options to set in bubble? | 1 | 65 | October 22, 2024 | |
| iPhone X notch causing problems with native apps | 9 | 2284 | February 26, 2022 | |
| iOS rejected app | 11 | 1133 | September 5, 2018 |