javascript - jQuery:动态 HTML 维度

Question

我使用 1 个 div 元素为我的网站制作 .background 。它的高度将是 100%。为了实现这一点，我使用 jQuery 尺寸实用程序。

<div class="background"></div>

用这个脚本来获取高度

$('.background').css( 'height', $(window).height() );

但现在，我想让它的高度动态化。如果我们调整浏览器的大小。 .background 的高度将遵循浏览器的新尺寸。我知道这需要一些事件，因为页面首次呈现后尺寸会发生变化。

你能告诉我如何用 jQuery 实现它吗？

Answer 1

使用.resize() .

$(window).resize(function() {
  $('.background').css( 'height', $(window).height() );
});