0

ほぼ同じ量のテキストを含む 4 つの横に並んだ div がありますが、一部のブラウザーは、一部の div を他の div よりも高く/短くするために、テキストをわずかに異なる方法でレンダリングします。

div の数を最高のものと同じ高さに設定できる jQuery プラグインがあることは知っていますが、私の Web サイトはレスポンシブであり、レスポンシブ サイトのタブレットとモバイルの「バージョン」では div の高さが変わります。

これらの 4 つの div をすべて最も高いものの高さになるように設定する方法はありますか?ブラウザのサイズを変更してレイアウトをトリガーしてタブレットまたはモバイル バージョンに切り替えると、div はそれに応じてサイズを調整できます。 、もう一度、すべての高さが div の最も高いものと同じになるようにしますか?

4

2 に答える 2

1 
function resizeMy4Div(){
    var maxHeight = 0;
    $my4div.css("height","auto").each(function()
    {   var h = $(this).height();
        if(h > maxHeight) maxHeight = h;
    }).height(maxHeight);
}

$(window).on("resize",resizeMy4Div);
resizeMy4Div();
于 2013-02-10T10:54:47.750 に答える
0

わかりました、ここに2番目の解決策がありますが、より大きなdivは常に同じであると想定しています:-)

var biggerDiv = $();
var maxHeight = 0;

$my4div.each(function()
{   var $t = $(this);
    var h = $t.height();
    if(h > maxHeight)
    {   maxHeight = h;
        $biggerDiv = $t;
    }
}).not($biggerDiv).height(maxHeight);

$(window).on("resize",function()
{   $my4div.not($biggerDiv).height($biggerDiv.height());
});
于 2013-02-10T15:28:11.100 に答える