Jquery 调整窗口大小时的CSS

Jquery 调整窗口大小时的CSS,jquery,resize,location,reload,window-resize,Jquery,Resize,Location,Reload,Window Resize,我有这个网站:。绿色div充电时,此div的高度和边距顶部根据浏览器窗口的不同而不同。但是,问题是,当我调整窗口大小时,它不会立即更改此属性,而只是在我刷新web时(f5)。当我调整窗口的大小时,我怎么能得到这些特性呢?我不想在调整页面大小时重新加载页面。。。提前谢谢 $(window).bind("resize", function () { console.log('window resized. Recalculate your dimensions'); }); 您必须将“高度

我有这个网站:。绿色div充电时,此div的高度和边距顶部根据浏览器窗口的不同而不同。但是,问题是,当我调整窗口大小时,它不会立即更改此属性,而只是在我刷新web时(f5)。当我调整窗口的大小时,我怎么能得到这些特性呢?我不想在调整页面大小时重新加载页面。。。提前谢谢

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

您必须将“高度/宽度”-计算代码封装到:

$(window).resize(function(){
      // your code here
});
由于这不会在页面加载时触发,因此您必须在第一次触发它:

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

请参见

谢谢您的回答,但这似乎仍然不起作用:。你可以看到,如果你用一个小窗口打开网站,绿色div wrapp的边距顶部是可以的,但是当调整大小时,结果并不好。它不能做到这一点。仅在刷新时有效。