如何設置截面高度以適合屏幕？

Question

請看這website，我使用section爲每頁，正如你可以看到通過下到第二頁有一些額外的空間屬於第一頁（下面的圖片）。

有四個部分，每個部分的高度設置100%。那麼爲什麼在那裏有一個額外的空間？

Answer 1

正文的最小高度設置爲1000px，以確保您可以滾動到站點上的每個塊都有足夠的空間來覆蓋視口。因此，如果您的某個部分的100％高度小於1000px的最小值，那麼您將獲得巨大的空間，因爲最小值大於您真正需要的值。

您可以選擇將高度設置爲絕對值（x px，其中x < 1000），直到空間消失。像#s1 { height: 700px; }這樣的東西可以工作，其中＃s1是您在問題中指向的部分，而700px是高度的示例，大多數情況下會刪除該空間，但在第1和第2部分之間保留足夠的空間。請隨意修改該值直到你滿意的樣子。

Answer 2

你需要的是JavaScript。這是我的頭頂，是一般，但嘗試這樣的事情：

jQuery(function($){ 
$(window).bind("load, resize", function() { 
    var sections = $("section"); 
    var height = $(window).height(); 

    height = $(window).height(); 
    $(sections).height(height); 
}); 

}）;