Question

我想调整窗口大小调整div，使其填满整个浏览器窗口...
我在互联网上搜索了很多寻找解决方案，但我尝试的一切都导致同样的问题...
在第一次加载页面时效果很好，但是当我尝试调整窗口大小时，bodyheight的值不断增加...

这是我的代码

$(document).ready(function() {
  body_sizer();
  $(window).resize(body_sizer);
});
function body_sizer() {
  var bodyheight = $(window).height();
  $("#contenitore_full").css('height', bodyheight);
}

修改

行!!!我的错，因为我以为:) 问题是由在wordpress中调用jquery的错误方法引起的。我很抱歉让你失去时间非常感谢大家麦酒

Answer 1

看起来你的'body_sizer'函数可能没有被触发。将您的parents（）添加到它的末尾，或者在.resize（）

中创建一个处理函数

$(window).resize(function() {
      var bodyheight = $(window).height();
      $("#contenitore_full").css('height', bodyheight);
});

Answer 2

你不需要javascript来实现你想要的。所有你需要的是CSS。这是一个fiddle

<强> CSS

body, html { margin:0; height:100% }
#contenitore_full { border:1px solid #FF0000; width:25%; height:99%; display:block; }

<强> HTML

<div id="contenitore_full"></div>

要使height起作用，父母的身高也需要定义。这就是height和body标记的html也有height 100%的原因。

jquery（windows）。每次调整窗口大小时都会增加

2 个答案: