This is a good option if you DONT need to use css Calc() function
ex:
body {
min-height: calc(100vh-70px);
/* mobile viewport bug fix */
min-height: -webkit-fill-available;
}
The webkit solution would not take into account the 70px adjustment
I've used the JS solution described in this post and it seems to be the best available option at the moment (until the new dynamic viewport units are adopted)
Exploring the new tools and techniques on frontend development. Loves to meet up with new people and participate in the community. I do interesting stuff on codepen https://codepen.io/nirazanbasnet
This is a good option if you DONT need to use css Calc() function
ex:
body {
min-height: calc(100vh-70px);
/* mobile viewport bug fix */
min-height: -webkit-fill-available;
}
The webkit solution would not take into account the 70px adjustment
I've used the JS solution described in this post and it seems to be the best available option at the moment (until the new dynamic viewport units are adopted)
Thanks for using this solution 👍