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');
});

演示