jquery - Drupal7のビューポートの高さに基づいてDIVの高さを動的に変更する

Question

私のページはヘッダーとコンテンツのみで構成されています。ヘッダーは約90pxで、すべてのコンテンツはDIV内に配置されます。ビューポートの高さに一致するようにDIVの高さを変更する方法はありますか？

Answer 1

これを試して

$("#id_of_content_div").height($(window).height()-$("#header").height());

$(window).height() はビューポートの高さです

ビューポートのサイズ変更時にコンテンツの高さを変更するには、使用します

$(window).resize(function(){
    $("#id_of_content_div").height($(window).height()-$("#header").height());
});