javascript - 浏览器调整大小的 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

试试这个演示

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

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