Question

我无法解决这个问题。目前，它正在将部分[role =“main”]调整到适当的高度，但是当您将窗口调整为小尺寸时，它会切断。

<script type="text/javascript">
    $(function(){
        $('section[role="main"]') .css({'height': (($(window).height()))+'px'});
        $(window).resize(function(){
            $('section[role="main"]') .css({'height': (($(window).height()))+'px'});
        });
    });
</script>

我也想知道如何补偿页脚的高度？截至目前，它正在将页脚推向屏幕外。

感谢您的帮助！

所以看起来应该是这样的， Patrick（已更新）？

    <script type="text/javascript">
        $(function(){
            $(window).resize(function(){
                var winheight = $(window).height();
                var heightMinusFooter = winheight - jQuery("#footer").height();
                $('section[role="main"]') .css({'height': heightMinusFooter+'px'});
            });
        });
    </script>

Answer 1

从窗口高度减去页脚高度然后应用。

$(window).resize(function(){
    var winheight = $(window).height();
    var heightMinusFooter = winheight - jQuery("#footer").height();
    $('section[role="main"]') .css({'height': heightMinusFooter+'px'});
});

如何使用jQuery设置内容的高度 - 在小窗口大小中切断

1 个答案: