我有一个响应式布局,为此我需要一些高度相等的 div,它们会在调整大小时自动更改高度。
我使用此脚本设置相等的高度:
$(window).load(function() {
$('.test').css({
'height': $('.test').height()
});
});
这是我的 HTML 结构:
<div class="row front-rows">
<div class="span3">
<div id="post">
<div class="front-row-image">
<a href="#"></a>
</div>
<div class="test">
<h2>Test</h2>
<div class="text">Lorem Ipsum dolore</div>
<div class="read-more-link">
<a href="#"><span class="pull-left">Read More</span></a>
</div>
</div>
</div>
</div>
</div>
但是当设置了高度后,当我调整大小时它会保持这个高度,并且我不知道如何在调整大小时再次更改大小?
应在页面加载时设置相等的高度 - 并在每次调整大小时更改。
最佳答案
使用resize()
功能:
$(window).resize(function() {
$('.test').css({
'height': $('.test').height()
});
});
关于html - 设置相等的高度并在调整大小时更改它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15228168/