jquery - 将 div 或部分设置为视口的大小

Question

我在使用 css/javascript 执行此操作时遇到问题我想将页面的许多部分设置为浏览器窗口的确切高度和宽度。如果他们像要调整的部分一样调整浏览器窗口 ID。我正在寻找的是与此类似的效果

http://adamrudzki.com/

Answer 1

试试下面的代码：

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

Answer 2

Javascript

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

CSS

section{width:100%;}