CSS調整窗口大小時

Question

我有這個網站：http://www.sfrpsicologia.com。當綠色div被充電時，這個div具有不同的高度和邊緣頂部，這取決於瀏覽器窗口。但是，問題是，當我調整窗口大小時，它不會立即改變這個屬性，而只是當我刷新網頁時（f5）。當我調整窗口大小時，我怎麼能得到這些特徵？我不想在重新調整大小時重新加載頁面...提前致謝！

Answer 1

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

Demo

Answer 2

你要封裝你「高度/寬度」 -calculating代碼爲：

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

，因爲這不會在頁面加載時被觸發，你必須觸發它在第一時間：

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

請參閱jQuery - resize()