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

Demo

调整窗口大小时的CSS

2 个答案: