javascript - 如何设置最小高度和最大高度等于窗口高度

Question

我可以将 div 高度设置为最小窗口高度，但不能以类似的方式将最大高度设置为 windowHeight。这是代码

 $(document).ready(function() {   
     function setHeight() {
         windowHeight = $(window).innerHeight();
         $('.sidebar').css('min-height', windowHeight);   
     };   
     setHeight();
     $(window).resize(function() {
         setHeight();   
     }); 
 });

Answer 1

你现在不需要 javascript 来做到这一点。纯 CSS 就足够了(而且只是 height 就足够了，因为你想将 min-height 和 max-height 设置为相同的值):

.sidebar {
  height: 100vh;
}

vh 是指视口(viewport)高度的相对单位。它甚至在调整窗口大小时也有效。顺便说一句，vw 也是如此，它是视口(viewport)的宽度。

More information on the set of relative units及其 browser support (如评论所提议)。