我只有1个div，我想要的是当浏览器调整大小时，div的高度和宽度会自动调整大小。例如，我拉低浏览器的高度，然后div的高度也会增加，当我拉开浏览器的宽度时，div的宽度也会增加。反之亦然，当浏览器缩小/减小其宽度和高度时，div也将执行相同的操作。
https://jsfiddle.net/koykoys/eghL1cjp/2/
$(window).resize(function(){ // On resize
$("#mydiv").css('height','+=1px','width','+=1px');
});#mydiv{
border: solid 2px #3675B4;
height:300px
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div id = "mydiv">
</div>您应该使用CSS而不是JavaScript。
使用以下课程
#mydiv{
border: solid 2px #3675B4;
height:100vh;
width:100vw;
}
vh代表视口高度，vw是视口宽度
因此，您的divheight:100vh;意味着视口高度的width:100vw;100％和视口宽度的100％
更新 -
为此，应避免使用JS，但由于某些原因，必须这样做。
这应该工作
var resize = function() {
var windowWidth = $(window).width();
var windowHeight = $(window).height();
console.log(windowWidth)
console.log(windowHeight)
$("#mydiv").css({
"height": windowHeight + "px",
"width": windowWidth + "px",
});
}
$(document).ready(resize);
$(window).on("load resize", resize);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句