将div或section设置为视口的大小

Question

我在使用css / javascript时遇到了麻烦我想将页面的多个部分设置为浏览器窗口的确切高度和宽度。如果他们调整浏览器窗口ID，就像要调整的部分一样。我正在寻找的是与此相似的效果

http://adamrudzki.com/

Answer 1

的Javascript

$(document).ready(function() {  
    $('section').css('minHeight',$(window).height() + 'px');
});

CSS

section{width:100%;}

Answer 2

请尝试以下代码：

的jQuery

$(window).resize(function() {
    calculateSectionContainerHeight();
});

$(document).ready(function (){
    calculateSectionContainerHeight();
});

 // function to calculate section container height
 function calculateSectionContainerHeight() {

     var docHeight =  $(document).height();  

     // setting the section container height.
     $('#section-container').height(sectionHeight + "px");
  }

CSS

#section-container {
    width:100%;
}