javascript - 在窗口调整大小时设置最小高度和最小宽度

Question

首先，如果这是重复的，请原谅我，但我一直在尝试其他帖子的解决方案，但它们似乎都不适合我。

这就是我想要实现的目标:

我想用文档的当前宽度和高度设置 div 的最小高度和最小宽度。该事件应在每次调整文档窗口大小时触发。

这是我到目前为止尝试过的:

$(document).ready(function() {

function reset_demensions() {
    doc_height = $(document).height();
    doc_width = $(document).width();
    $(".flicker-div").css("min-width", doc_width + "px");
    $(".flicker-div").css("min-height", doc_height + "px");
    alert("From - Function" + doc_width + "x" + doc_height);

}

    reset_demensions(); 
    $(window).resize(function() {
        reset_demensions();

    });

});

我面临的问题:

第一次加载窗口时，它会显示正确的宽度和高度。但是当我尝试手动调整窗口大小时，我注意到了两个问题:

1> 该函数被调用两次，即警告框2> 抓取的文档高度不变。3> 捕获的文档宽度不断快速​​增加，并且值不是垃圾，因为它在每次运行时都是静态的。

测试运行输出:

On Load:
1349x626
On Resize:
1369x3130
1389x15650

我确定我在这里漏掉了一些东西，可能是一些非常愚蠢的东西。请帮我解决这个问题。

Answer 1

我认为你的错误在于你捕获的是 DOCUMENT 的高度......而不是窗口的高度。

您正在更改 window 大小并期望 document 大小发生变化。

更改代码以检查 $(window).height() 和 $(window).width()