javascript - すべての div を最初の div の高さにする

Question

私はこのコードを使用しています

//Resize Div    
$(document).ready(function(){
    resizeDiv();
});

window.onresize = function(event) {
    resizeDiv();
}

function resizeDiv() {
    vpw = $(window).width();
    vph = $(window).height();
    $('.site-intro').css({'height': vph + 'px'});
}

それはうまく機能し、最初の div をウィンドウの 100% にし、高さをインラインに設定します。このコードに追加して、他の div を同じ高さに設定する方法はありますか?

1 つの div を他の div の上に配置し、それらをすべて同じ高さにしたい (同じ高さが 100% になる)。

ごめん、

HTML

<div class="wrapper">
<div class="site-intro parallax" data-velocity="-.3">
    <div class="row-fluid header">
        <div class="col-lg-6 col-sm-6 col-6 logo">
            <img src="img/logo.png" alt="" />
        </div>
        <div class="col-lg-6 col-sm-6 col-6 follow text-right">
            <a href="#"><img src="img/follow-fb.png" alt="Follow Us On Facebook" /></a>
            <a href="#"><img src="img/follow-tw.png" alt="Follow Us On Twitter" /></a>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-12"> 
                <h1 class="text-center">Website Success</h1>
                <h2 class="text-center">Is Dependent On Effort and Imagination</h2>
                <p class="text-center"><a class="text-center can-do" href="#">See What We Can Do For You</a>
            </div>
        </div>
    </div>
</div>

(.site-intro) の下に div を並べて配置したくありません。次に、次の div にアンカーする各 div 内にリンクを配置します。