javascript – 使用JQuery根据窗口大小调整容器大小

2023年8月23日 237次阅读

我试图根据窗口的尺寸调整容器div大小.高宽比是这里最重要的方面,我想在给定比率的最大约束方向(高度或宽度)最大化容器的尺寸.我尝试了一些不成功的事情,这是最新的：

$(window).load(function() {
    var h = $(window).height();
    var w = $(window).width();

    If((h/w)>0.61){
        $('#container').css({'height': h, 'width':h*1.64}); }
        else{ $('#container').css({'height': w/1.64, 'width':w}); }
})

我需要更改什么才能让窗口调整大小？有没有更好的方法来解决这个问题？

在此先感谢您的任何帮助.我对javascript / JQuery一点都不熟悉,而且一直无法找到任何有用的信息…这件事让我疯狂……

最佳答案 您想要捕获resize事件,因此假设您当前的代码适合您的喜好

$(document).ready(function() {
    $(window).resize(function() {
        var h = $(window).height();
        var w = $(window).width();

        if((h/w)>0.61) {
            $('#container').css({'height': h, 'width':h*1.64});
        }
        else { 
            $('#container').css({'height': w/1.64, 'width':w});
        }
    });

});

让我们避开if上的资本

点赞