Just a heads up for app makers building for iOS: starting in April, Apple has a new set of requirements for approving apps to the App Store, including “Super Retina support” - full article here:
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
For completeness of my contribution to this post, this is what I did to get my bubble web app to display a full screen background image, whilst having content pushed downwards to avoid the notch area on the iPhone X iOS 11 Webview Viewport leaves 20 pixel white strip at top of page