JavaScript浏览器调整大小

Question

我在页面上有2个元素，标题和内容区域供人们输入文字。

使用JavaScript确定内容高度：

$('#body').css('min-height', $(window).height() - $('#title').height() - 220);

有没有办法可以实现它，所以当窗口调整大小时，＃body会改变它的高度？

Answer 1

是的，这是可能的 - 只需添加resize事件处理程序，如下所示：

$(window).resize(function() {
    $('#body').css('min-height', $(window).height() - $('#title').height() - 220);
});

Answer 2

试试这个DEMO

根据需要更改重新调整大小的代码

$(window).bind('resize', function () { 
    $('#body').css('min-height', $(window).height() - $('#title').height());
});