Question

我可以在页面加载时将子容器与父项高度匹配，但是我的问题是在调整窗口大小时使其与父项高度匹配，这是我的代码到目前为止：

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();

谢谢！

Answer 1

对于两个处理程序：

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

Answer 2

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

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

Answer 3

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

就像你在页面加载时一样 -

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

Answer 4

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

$(window).resize( heroImageResize);
$(document).ready(function(){ $(window).resize(); /*triggers it*/  })

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

4 个答案: