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
Post a Comment