jQuery $(window).resize() 在减小窗口高度时不起作用

我有一个 id 为“main”的 div，我想使用 jQuery 设置它的高度并使其在window.resize它的高度是使用函数修改的，但由于某种原因，它仅在增加窗口高度时才能正常工作，而在减小窗口高度时则不起作用。

这是JS：

function setMainH() {
    var docH = $(document).height();
    $("#main").height(docH - 40);
}

$(function() {
    setMainH();
});

$(window).resize(function() {
    setMainH();
});

编辑：问题似乎增加或减少

编辑2：resize()事件似乎被正确调用，我尝试过

console.log("resizing");

调整大小并正确记录，所以问题不是这样的。

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

如此改变

var docH = $(document).height();

to

var docH = $(window).height();

将解决问题。