I have 3 important div's on my page. 2 of them has a fixed height and 1 should fit the window height. I use calc(100vh - 260px); on CSS and it works completely fine on Chrome's "device toolbar". However, when I try it on my phone with Chrome, the browser doesn't extract the browsers navigation bar height from the 100vh and bottom of the third element goes under viewport. Is there a way to fix this via CSS or Javascript?
I've already answered the very similar question here.
Long story short, use 100% instead of 100vh.
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments