jquery - 如何使元素完全适合页面折叠

Question

查看 Stripe's global page 上的演示.他们如何使蓝色区域(带地球的动画)完全适合窗口宽度和高度。

注意:这仅适用于页面加载。尝试调整浏览器窗口的大小并点击刷新。您会注意到蓝色区域非常适合窗口高度。

Answer 1

这是一个例子， FIDDLE

<div></div>

<script>
  (function($) {
    $('div').css({ height: $(window).innerHeight() + 'px', width: $(window).innerWidth() + 'px' });

    // If you want it to update on window resize
    $(window).resize(function() {
      $('div').css({ height: $(window).innerHeight() + 'px', width: $(window).innerWidth() + 'px' });
    });
  })(jQuery);
</script>