javascript - ウィンドウのサイズ変更時に最小高さと最小幅を設定する

Question

まず、これが重複している場合はご容赦ください。他の投稿の解決策を試してみましたが、どれもうまくいかないようです。

これは私が達成しようとしているものです:

ドキュメントの現在の幅と高さで div の min-height と min-width を設定したいと思います。イベントは、ドキュメント ウィンドウのサイズが変更されるたびにトリガーする必要があります。

これは私がこれまでに試したことです：

$(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();

    });

});

私が直面している問題：

ウィンドウが初めて読み込まれると、正しい幅と高さが表示されます。しかし、手動でウィンドウのサイズを変更しようとすると、次の 2 つの問題に気付きます。

1> 関数が 2 回呼び出されます。つまり、アラート ボックスです。 2> キャプチャされたドキュメントの高さは変わりません。3> ドキュメントのキャプチャされた幅は急速に増加し続け、実行ごとに静的であるため、値はガベージではありません。

テスト実行出力:

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

ここで何かを見逃したと確信しています。非常にばかげたものかもしれません。これを理解するのを手伝ってください。