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;

Answer 1

a）为什么不在#slides班级中指定.slide？

b）您无法获得绝对宽度的相对行为。使用相对宽度。

示例：

.postWid {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

窗口缩小时的背景宽度问题，截面不像它应该采取全宽度

1 个答案: