0

我想在调整窗口大小时调整 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 的错误方法引起的。很抱歉让你耽误了时间 非常感谢大家 麦酒

4

3 回答 3

1

你不需要 javascript 来实现你想要的。你所需要的只是 CSS。这是一个小提琴

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工作,还需要定义父母的身高。这就是为什么heightof thebodyhtml标签也有一个heightof 的原因100%

于 2013-06-27T14:31:34.630 回答
0

看起来您的“body_sizer”功能可能没有触发。将你的 parens () 添加到它的末尾,或者在 .resize() 中创建一个处理函数

$(window).resize(function() {
      var bodyheight = $(window).height();
      $("#contenitore_full").css('height', bodyheight);
});
于 2013-06-27T14:00:28.410 回答
0

我有同样的问题。我建议使用 javascript 而不是 jQuery。

  const width = window.innerWidth;
  const height = window.innerHeight;
于 2022-02-10T14:43:37.110 回答