如何设置截面高度以适应屏幕？

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);
});

}）;