1

我能够在页面加载时将子容器与父母的高度相匹配，但是我的问题是在调整窗口大小时让它与父母的高度相匹配，这是我到目前为止的代码：

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>

脚本：

function heroImageResize (){
    var heroHeight = $("#ocg-hero .row").height(),
        heroGraphicHeight = $(".heroGraphic").height();

        $(".heroGraphic").css("height",heroHeight);
};

heroImageResize();

谢谢！

4

4 回答 4

3

对于两个处理程序：

$(window).on('load resize',heroImageResize);
于 2013-06-24T14:47:03.007 回答
2

jQuery 有一个调整大小的事件，你可以用它来重新计算你的高度。

http://api.jquery.com/resize/

于 2013-06-24T14:44:56.450 回答
2 
$(function(){   
   $(window).resize(heroImageResize);
});

当你在页面加载时也 -

$(function(){  
  $(window).resize(heroImageResize).resize();
});
于 2013-06-24T14:45:17.673 回答
1

你可以使用调整大小http://api.jquery.com/resize/

$(window).resize( heroImageResize);
$(document).ready(function(){ $(window).resize(); /*triggers it*/  })
于 2013-06-24T14:46:14.237 回答