Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Исправляем ошибку отображения 100vh на мобильных
<header>HEADER GOES HERE</header>
<main>MAIN GOES HERE</main>
<footer>FOOTER GOES HERE</footer>
body {
display: flex;
flex-direction: column;
margin: 0;
min-height: 100vh;
/* mobile viewport bug fix */
min-height: -webkit-fill-available;
}
main {
flex: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.