width - ウィンドウが縮小されたときの背景幅の問題、セクションが本来のように全幅にならない

Question

この問題にとてもイライラしています。問題が何であるかわかりません。このウェブサイトでこの背景を取得して、背景の幅全体を広げようとしています。この問題は、ウィンドウ サイズが縮小されたときに発生します。以下はコードです。

HTML

<section id='slide1' class='slide slide-odd'>
    <div class="postWid">
        <div class='row'>
            <div class='col-lg-7'></div>

            <div class='col-lg-5'>

            </div>
        </div>
    </div>
</section>

CSS

    #slide1, 
    #slide2,
    #slide3,
    #slide4,
    #slide5,
    #slide6,
    #slide7,
    #slide8,
    #slide9,
    #slide10,
    #slide11,
    #slide12,
    #slide13,
    #slide14,
    #slide15,
    #slide16 {
        height: 480px;
    }
.slide-odd {
    background: url('../img/green.png');
    background-color:#408573;
    color:#ffffff;
}
.slide-even {
    background: url('../img/white.png');
    background-color:#f4f0e7;
    color:#000000;
}
.slide {
    padding: 144px 3%;

}
.postWid {
    width: 1240px;
    margin:0 auto;
}

.postWid に関係していると思います最小幅と最大幅に設定しましたが、最小幅に応答していません。そのため、幅を 1240px に設定する必要がありました。