How to fix vh(viewport unit) css in mobile Safari?

Question

I\'ve used vh (viewport units) css in one of my projects but in mobile safari it doesn\'t work. It seems like Safari doesn\'t know what to do with vh, but it works fine in o

Answer 1

I also had this issue, here is my solution.

This is equals to height:100vh;

document.getElementById("your-element").style.height = window.innerHeight + 'px';

You can also use below code with jQuery,

$('your-element').height(window.innerHeight + 'px');

Checked with safari :)