0

.content-blockクラス コンテンツのダイナミック テキストなので、高さは div ブロックごとに異なります。JavaScript の div 検索の最大高さを使用すると、他の div に適用されるため、ブラウザですべての div のサイズを変更すると同じ高さになります。以下の疑似コードはほとんどのブラウザで動作しますが、クロムでは 320x480 未満のブラウザのサイズ変更は機能しません。

<script type="text/javascript">
function getMaxHeight(){ 
    return maxHeight = Math.max.apply(null, $(".content-block").map(function (){
         return $(this).height();
     }).get());
}

$(window).resize(function(){
    $('.content-block').css('height', 'auto');
    $('.content-block').css('height', getMaxHeight);
});

$('.content-block').css('height', getMaxHeight);
</script>
<style>
.content-block{
    height: auto;
    display: block;
}
4

1 に答える 1

0

この目的で css flexbox を使用できる場合、JavaScript を使用するとスケーリングの問題が発生する可能性があります。ここにCSSトリックのリファレンスがあります

于 2013-11-08T07:14:14.933 に答える