4

ウィンドウのサイズに基づいてコンテナ 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にまったく慣れておらず、有用な情報を見つけることができませんでした...これは私を夢中にさせています...

4

2 に答える 2

1

サイズ変更イベントをキャプチャしたいので、現在のコードが好みに合わせて機能すると仮定します

$(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 の大文字 I は避けましょう

于 2012-11-05T21:04:24.470 に答える
0

私は通常これを使用します：

function resize () {
var w = $(window);
var containerWrap = $('#container-wrap');
containerWrap.css({ width:w.width(), height:w.height()});

}

それが比率の質問に答えているかどうかはわかりません。

編集：

これはより役立つかもしれません：

$(document).ready(function () {
var missionWrap = $('#mission-wrap');
var w = $(window);
w.on('load resize',function() {
    missionWrap.css({ width:w.width(), height:w.height()});
});

});

于 2012-11-05T21:01:58.110 に答える