如何使元素適合頁面摺疊

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>