S stevenindon Active Member Licensed User Apr 13, 2023 #1 Hello all, I have compiled my application with a webview to display my html content. When i run on iPhone 6s, everything displayed as expected. But when i run the same application on iPhone 12, webview will display an extra space below the webview. Please find attached video and photo. video : https://www.techiesworld.net/TWABrowsertest/vidprob.mp4 How can i disable this feature in iPhone 12? Thanks Attachments photo_2023-04-13_14-10-32.jpg 310.7 KB · Views: 142
Hello all, I have compiled my application with a webview to display my html content. When i run on iPhone 6s, everything displayed as expected. But when i run the same application on iPhone 12, webview will display an extra space below the webview. Please find attached video and photo. video : https://www.techiesworld.net/TWABrowsertest/vidprob.mp4 How can i disable this feature in iPhone 12? Thanks
Solution S S stevenindon Apr 13, 2023 Problem solved by putting : <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover"> on top of html. In the html body css, add : <style> body{ min-height:100vh; } </style>
Problem solved by putting : <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover"> on top of html. In the html body css, add : <style> body{ min-height:100vh; } </style>
S stevenindon Active Member Licensed User Apr 13, 2023 #2 Problem solved by putting : <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover"> on top of html. In the html body css, add : <style> body{ min-height:100vh; } </style> Upvote 0 Solution
Problem solved by putting : <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover"> on top of html. In the html body css, add : <style> body{ min-height:100vh; } </style>