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()