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

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>