CSS3 100vh not constant in mobile browser
My Website body, html, root { height: 100vh; margin: 0; padding: 0; } .header { position: fixed; background-color: steelblue;; width: 100vw; height: 50px; z-index: 1; } .content { display: flex; position: absolute; top: 50px; min-height: calc(100vh - 50px); } Header The header will stick to the top when you reach its scroll position.
https://stackoverflow.com/questions/37112218/css3-100vh-not-constant-in-mobile-browser
