javascript - 如何连续调整 Div 到 100% VH

Question

fiddle :https://jsfiddle.net/jzhang172/s4tzo2ms/

我想不断将 div 高度调整为 View 高度的 100%。我可以在浏览器加载时设置它，但我不确定如何在用户更改浏览器时始终更改它，而不仅仅是在浏览器加载时。

var width = $(window).width(); 
var height=$(window).height(); 
$("#mydiv").width(width);
$("#mydiv").height(height);

#mydiv{
  background:black;
  height:100px;
  width:100%;
}
*{
  margin:0px;
  padding:0px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mydiv"></div>

Answer 1

如果你更喜欢 js 而不是 css 解决方案，你需要这样的东西:

var width = $(window).width(); 
var height=$(window).height(); 
var mydiv=$("#mydiv");
mydiv.width(width);
mydiv.height(height);

$(window).resize(function(){
  width = $(window).width();
  height=$(window).height();
  mydiv.width(width);
  mydiv.height(height);

});