You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by GitBox <gi...@apache.org> on 2020/08/19 09:54:15 UTC

[GitHub] [cordova-plugin-wkwebview-engine] sjoerdloeve edited a comment on issue #172: height 100% not correct on iPhone X. goes away after rotating?

sjoerdloeve edited a comment on issue #172:
URL: https://github.com/apache/cordova-plugin-wkwebview-engine/issues/172#issuecomment-676057117


   I'm always using 100% height for my Cordova apps, so i'm trying to help you out.
   I did create a new app on Cordova CLI 9, Cordova iOS 5.1.1:
   
   Then i changed/minimized the index.html file to fit the window:
   
   `
   <!DOCTYPE html>
   <html lang="en">
       <head>
           <meta name="viewport" content="initial-scale=1, user-scalable=no, width=device-width, height=device-height, viewport-fit=cover">
           <title>Dynamic height</title>
           <style type="text/css" rel="stylesheet">
               html, body, #app {
                   margin: 0;
                   padding: 0;
                   width: 100%;
                   height: 100%;
               }
   
               html {
                   background: red;
               }
               body {
                   background: blue;
               }
           </style>
       </head>
       <body>
           <div id="app"></div>
           <script type="text/javascript" src="cordova.js"></script>
       </body>
   </html>
   `
   
   On my device it works great, can you try it?


----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org