Javascript 在窗口调整大小和加载时，将div高度与父级匹配

我能够在页面加载时将子容器与父容器的高度相匹配，但我的问题是在调整窗口大小时使其与父容器的高度相匹配，以下是我迄今为止的代码：

HTML:

<div id="ocg-hero" class="container">
 <div class="row">

  <div class="large-6 columns heroContent"> </div>
  <div class="large-6 columns heroGraphic" > </div>

 </div>
</div>

---

谢谢

jQuery有一个用于调整大小的事件，您可以使用该事件重新计算您的身高

---

jQuery有一个调整大小的事件，您可以使用它重新计算您的身高

当你在页面上加载它的时候-

$(function(){  
  $(window).resize(heroImageResize).resize();
});

当你在页面上加载它的时候-

$(function(){  
  $(window).resize(heroImageResize).resize();
});

可以使用“调整大小”

可以使用“调整大小”

对于这两个处理程序：

$(window).on('load resize',heroImageResize);

对于这两个处理程序：

$(window).on('load resize',heroImageResize);

---

哦，亲爱的，基金会。您可以使用

$（窗口）.resize（调整大小）哦，亲爱的，基金会。您可以使用
$（窗口）.resize（调整大小）是要在窗口加载时触发它，还是在文档准备就绪时触发它？当然是onload，例如，如果元素包含图像，则否？是，但这也可能会造成严重延迟。明智的开发人员无论如何都会为所有图像指定尺寸。是的，但是使用某种加载程序时，动画不应该是真实的problem@Blazemonger在您的最后一部分评论之后，我完全同意您是希望在窗口加载时触发它，还是在文档准备就绪时触发它？当然，如果元素包含图像，则否？是，但这也可能造成重大延误。明智的开发人员无论如何都会为所有图像指定尺寸。是的，但是使用某种加载程序时，动画不应该是真实的problem@Blazemonger根据你最后的评论，我完全同意
$(window).on('load resize',heroImageResize);