Hello, As the title says, I’m now getting a white strip at the top of pages in iOS 11. This link explains the problem (and solution) in much greater detail than I can. Webview Viewport iOS 11 I just need help with the implementation. :wink: Thanks, Nathan

I was just about to ask you to check that :slight_smile: Glad it works now!

@asher what did you put into the Script/meta tags in header section to make it appear alright for you? Was it the same as what I mentioned before? I know @JohnMark couldn’t quite get it to work so wondered if you had something different added? It may help him and @anon58826714 possibly.

WHOA! Friends, I got it to work! I used the code snippet you guys gave me, but apparently this somehow increased my page size. After reading this comment, I went back and checked my page height, and realized there was a little bit of extra page height at the bottom. I resized it and now it looks rig…

Code snippet worked for me also. Thanks @pork1977gm :slight_smile:

@JohnMark @pork1977gm , I’ve been able to produce a webpage at full screen using the meta name = “viewport” lines you provided :). May I ask the easiest way to implement the css you mentioned to account for content exclusion from safe areas on iPhone X? The css you mentioned is below. /* Status bar…

For those interested, through trial and error I figured out where to place the css to account for safe areas on the iPhone X. So the end result is now a full screen background image, with the content shifted downwards so it is not covered by the iPhone X notch :slight_smile:. To do this, I went to “…

Hey all - was there a final resolution on this? For context, I clicked the “remove Safari browswing” button for my app to make it feel native. When doing that, I found the behavior where the 20px on the iPhoneX notch were transparent, and my content would scroll behind them, above the header (obvio…

iOS 11 Webview Viewport leaves 20 pixel white strip at top of page

Need help Mobile

sherman April 17, 2018, 7:22am 24

Code snippet worked for me also. Thanks @pork1977gm

iOS app publishing update coming in April

Topic		Replies	Views
Viewport (removing safari for web app) Bugs	12	2345	May 2, 2019
iPhone X notch causing problems with native apps Mobile	9	2295	February 26, 2022
iOS app publishing update coming in April Tips	2	1305	April 24, 2018
Page Scrolls Under iOS system header (showing clock, etc.) New Responsive Engine	0	309	November 14, 2022
White bars when using Chrome landscape mode on iOS (or Natively) Need help	1	31	September 30, 2025

iOS 11 Webview Viewport leaves 20 pixel white strip at top of page

Related topics