How to set div height to a specific percentage of window height using jQuery?

Question

Pretty simple question, but I want to help with it.

I need to adjust the height of the div to 70% of the height of the browser window, and I want to do this using jQuery.

What is the best code for this?

Thank you for your help!

Dimitry Vorontsov

Answer 1

$('#theDiv').height(function(){ return $(window).height() * 0.7; }); 

Answer 2

Through viewing length in percent:

  height:70vh; 

Jsfiddle: https://jsfiddle.net/Lztggxpk/1/

More details: https://developer.mozilla.org/en/docs/Web/CSS/length#Viewport-percentage_lengths