How do I convert a height of an element given in vh to pixels?
50,147
Not necessarily screen.height * 0.65
, but viewport.height * 0.65
. Even though a Windows 8 app will always have the same height, regardless of the snapped state, this is an important difference in browser-based applications.
In JavaScript:
document.documentElement.clientHeight * 0.65;
If you're using jQuery, you can do:
$(window).height() * 0.65;
Related videos on Youtube
Author by
Sudharsanan
Updated on July 05, 2022Comments
-
Sudharsanan almost 2 years
I have the max-height of an element as 65vh. I need to convert it to pixels in my JavaScript to see whether an image can fit there or if I need to shrink/crop it. (am doing win8 App development).
Will this work?
100 vh =
screen.height
therefore 65vh in pixels isscreen.height *0.65
-
Sumurai8 almost 11 yearsYou are basically answering your own question. The real question here is: How can I find the height of the viewport?
-
-
Curtis over 6 yearsnot accurate on mobile when you haven't scrolled down to shrink the address bar where 100vh is bigger than window height
-
Bojidar Stanchev almost 5 yearsFor those trying to figure out what is viewport.height - document.documentElement.clientHeight (or clientWidth if you need).