jquery - ウィンドウのサイズ変更時の CSS

Question

私はこのウェブサイトを持っています: http://www.sfrpsicologia.com . 緑色の div が課金されると、この div はブラウザー ウィンドウによって異なる高さと margin-top を持ちます。しかし、問題は、ウィンドウのサイズを変更しても、このプロパティがすぐに変更されるのではなく、Web を更新したとき (f5) にのみ変更されることです。ウィンドウのサイズを変更すると、すぐにそれらの特性が得られますか? サイズ変更時にページをリロードしたくない... よろしくお願いします！

Answer 1

「高さ/幅」を計算するコードを次のようにカプセル化する必要があります。

$(window).resize(function(){
      // your code here
});

これはページの読み込み時にトリガーされないため、最初にトリガーする必要があります。

$(window).resize(function(){
    // your code here
}).trigger('resize');

jQuery - resize()を参照

Answer 2

$(window).bind("resize", function () {
    console.log('window resized. Recalculate your dimensions');
});

デモ