reactjs - How to make React Flexbox stretch to full screen height -


i'm trying create react app optimized mobile , doing of layout using flexbox. i'm having trouble forcing main container of app automatically expand full device height.

what rules can apply, html container <div id="react-app"></div> , main app container <app></app> stretch full screen height, when children wouldn't force them so?

you can use

height:100vh 

for app component, can looks not perfect on ios safari. can set

        html, body, #reactapp, .app {           height: 100%;         }        .app {          display: flex;         } 

Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -