javascript - jQuery - 在窗口调整大小时调整元素高度以匹配窗口而无需刷新

Question

如果刷新页面，我有以下脚本可以正常工作，但我希望能够动态获取调整大小的窗口的大小，而无需刷新页面并将相应的高度应用于某个部分。

var w = $(window).width();
var h = $(window).height();

$('section').height(h);

为了使其工作更加动态，我缺少什么？

Answer 1

尝试以下操作，每次加载窗口或调整窗口大小时都会调用该函数:

$(window).on('load resize', function(){
    var w = $(window).width();
    var h = $(window).height();

    $('.section-content').height(h);
});

您在评论中确认 section 实际上应该是 .section-content。

JSFiddle