我正在使用zurb基础。
如果将两个网格水平放置,是否可以将两个网格的高度设置为相同。如果它们是垂直排列的,我想设置不同的高度。
<div class="row">
<div id="left" class="large-4 columns">
<div id="right" class="large-8 columns">
</div>
例如,如果“左”网格的高度为400px,而“右”网格的高度为300px,则我想将右网格设置为水平的400px。但是在像智能手机这样的小型显示器中,它们是垂直排列的。在这种情况下,我想设置“正确的”网格原始高度(300px)。
我该怎么做?
最好的方法是使用简单的JS补救措施。我已经使用Foundation多年了,这是我的故障安全代码。
<script>
$(window).load(function() {
//call the equalize height function
equalHeight($("div.small-item"));
//equalize function
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
});
</script>
这将使“小项目”的所有div类具有相等的高度列。基于最高的列高度:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句