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/