4
votes

I'm using Ionic 3, testing on iOS 11 and iOS 10.

I’ve followed the instructions noted in this post below, adding "viewport-fit=cover" to my meta in index.html. After building my app and running it on my iOS 11 iPhone, XCode doesn’t show any errors, just a white screen. When running in the browser, all works well and no errors as well. Also on my older iPhone running iOS 10 it works fine (as before).

https://blog.ionic.io/ios-11-checklist/4

Does anyone know what’s wrong? Many thanks!

1
I'm having exactly the same issue! Any news on that? - lec00q
@lec00q nothing yet unfortunately.... - Dimitri
I have actually found out today that using WKWebView in place of UIWebView is fixing the issue for me, hope it helps. - lec00q

1 Answers

0
votes

Here's how I did it:

<meta content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">

I've run this in the browser, on an iOS 11 simulator and an actual iOS 11 device without any apparent issues.

Are you sure you haven't made a silly mistake, like forget the comma or something along those lines? :-)