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

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

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>

最佳答案

如果你更喜欢 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);

});

关于javascript - 如何连续将 Div 调整为 100% VH,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35786341/

10-12 12:30
查看更多