[GitHub] [cordova-plugin-wkwebview-engine] maciej-zabielski commented on issue #172: height 100% not correct on iPhone X. goes away after rotating?

[GitBox <gi...@apache.org>]

maciej-zabielski commented on issue #172:
URL: https://github.com/apache/cordova-plugin-wkwebview-engine/issues/172#issuecomment-919153101


   @mariogarranz - In my case it eventually worked - I had some conflict with global viewport settings (styling), so it's important to make sure that whatever framework you are using (ExtJS, Angular, React, JQuery, whatever else) **is not messing around with body/html CSS.**
   
   Curently I use a combination of viewport settings:
   ` <meta name="viewport"
             content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
   `
   
   with inline styl eon HTML page:
   `    <style type="text/css" rel="stylesheet">
           html, body {
               margin: 0px;
               padding: 0px;
               width: 100%;
               height: 100vh;
               position: relative;
               overflow: hidden;
           }
       </style>`
   
   All of my views have code to determine notch position and height and adjust accordingly. 


-- 
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.

To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org

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