Open eloisance opened 9 years ago
I had a similar issue. Usually it's caused by an element overflowing. Try adding overflow: hidden;
on either the html
or body
element for starters to see if it fixes it (assuming your layout allows for that). Then you can try to narrow your search.
I have the same issue. The overflow: hidden
is not working unfortunately.
What meta viewport tags are you using?
Since I use Ionic, the viewport meta tag is <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
. I've also tried with the width=device-width
inside. Still no result.
Can you take a screenshot of the issue? In theory hiding overflow on body should solve it, assuming it's set to height: 100%;
. Not sure how your DOM is set up though. Your viewport tags look okay.
Regardless though, I do agree that this appears to be a bug with WKWebView. Which version of iOS are you seeing this issue on? For me it only started happening on iOS 9
I won't show you all the app because of confidentiality but here you can see what is happening. I see this issue on iOS 8.0 and 9.
That seems like a different issue than the one I ran into. Mine was a scaled down version of the app, like it was zoomed out to a quarter size. Funny enough the app was still usable in that tiny rectangle
@ElodieC Have you found any solution for this issue ? Because I am having exactly the same one.
@manu1895 Have you found any fix for this issue ?
I add WKWebView and ScreenOrientation for WKWebView to my ionic project, but when I rotate my app landscape to portrait the width is incorrect (1/4 of real size).