javascript - div のコンテンツの量に応じてページの高さがサイズ変更されない

Question

.content の高さに応じて各ページ ウィンドウのサイズを変更するには、自分の Web サイト ( https://newmedia.leeds.ac.uk/ug10/cs10enw/portfolio/index.html#one ) が必要です。HTML は、ページ スライダー効果のある 1 つのファイルにすべて含まれています。各ページにはクラス .page と ID (#page-one、#page-two など) があります。.page には、JS にあるとしか思えない幅と高さが与えられていますが、どこにも見つかりません! これは、各ページを同じ高さに設定することです。つまり、一部のコンテンツが特定のポイントで切り取られ、他のコンテンツは下部に余白が多すぎます。

どうしても助けが必要です、お願いします！

ここに私がそれと関係があると思うJSがあります：

    // Resize pages on window resize
$(window).on('resize', function() {
    dx = $(window).width();
    dy = $(window).height();
    $resize.css({
        width: dx - 500,
        height: dy + 580
        //width: dx - 500,
        //height: 3000
    });
    if (timeout) clearTimeout(timeout);
    timeout = setTimeout(scrollToPage, 900);
});

しかし、そうであるかどうかは定かではありません。