Question

我有一些像

这样的网格

row 4 | 4| 4
row 8    | 4

比我放在第一行第一和第二个网格中的每个循环2滑块比秒行第二个网格再次循环2 这是一种对称的玩法

我的问题图像它们具有不同的分辨率，高度应扩展到最高网格。因此，例如在我的第一行中，cycle2图像的高度应该相同。

这里我有一个jsfiddler模型
https://jsfiddle.net/lgtsfiddler/72ycx3m6/19/

在这种情况下如何处理？

Answer 1

您是否正在寻找这样的输出：

https://jsfiddle.net/72ycx3m6/24/

在这里，我为每个equalheight div添加了一个row类，并添加了JS函数，如：

$(document).ready(function(){
    var maxHeight = 0;
    $(".img-responsive").each(function(){
         var currentHeight = $(this).height();
         if (currentHeight > maxHeight)
             maxHeight = currentHeight;
    });

    $("div.equalheight").height(maxHeight);
});

Answer 2

很难回答你的问题，但是如果我理解正确的话，你就是要将一系列列设置为与最高列高度相同的高度。你没有发布任何代码，或者告诉我们你正在使用哪个框架（也许是Bootstrap，因为标签？），因此很难提供准确的答案。

使用jQuery获取要比较的每列的高度，保存数组中的高度，比较找到最高的高度，然后将所有列的高度设置为该高度。你的设计中会有空白，但这就是如何做到的。

Cycle2在twitter-bootstrap网格中滑动

2 个答案: