Html 与media temple主页类似的响应图像

救命啊,

我注意到media temple.net处理以容器为中心内容的响应性主页的一种很酷的方式，但是当你向下滚动时，有两个部分显示的是图像完全通过容器。我不能在我工作的网站上复制它

这是一把小提琴

HTML

我需要一个插件，还是你可以用css来做

提前谢谢。（我正在使用引导）

---

-O

您需要将

最大宽度：800px

从

功能容器中取下，否则它将不会大于800px，这将强制所有子元素的最大值也为800px。如果您需要文本保持原样，则必须向该特定div添加样式（填充、宽度等）

我不确定问题出在哪里。。。这似乎正是你想要的。你的意思是：，在浏览器窗口的边缘吗？不，我在这里添加了一个更新。在这个容器中有一个较小的容器，这样你可以看到如果你放大浏览器，图像就会停止。。我希望图像继续像media temple上那样扩展浏览器的全宽。是的，这是个想法，但我也想在文本周围有一个容器。。。因此，当您放大左跨距时，左跨距与场地的其余部分保持对齐。类似于媒体神庙上的。。这就是我遇到的问题。
    <!-- start features -->
<div class="features-wrapper">
    <div class="features-container">

            <!-- Lazy Features Plan Row -->
            <div class="row-fluid">

                <div class="span6">

                    <div class="features">
                    <h3>INCLUDED FEATURES</h3>
                        <p>
                            <strong>Yearly Email Reminders</strong><br>

                        </p>

                     </div>

                </div> 

                <div class="span6">

                    <div class="lazypic">
                        <img src="http://messtudios.com/memorial/images/bg-middle-image.jpg" alt="" />
                    </div>

                </div>      

            </div><!-- end Lazy Features Plan Row -->
    </div>
</div><!-- end features -->

    .features-wrapper {
    position:relative;
    background-color:#202121;
}
.features-container {
    width:100%;
    max-width:1150px;
    margin:0 auto;
    position:relative;
    padding:0px 0px;
}
.features {
    padding:0px 20px;
}
.features h3{
    padding:60px 0px 30px 0px; 
    color:#FFF;
    font-size:28px;
    margin-bottom:20px;
}
.features p {
    color:#666;
    line-height:22px;
    font-size:16px;
    margin-bottom:20px;
    padding-bottom:30px;
}
.features strong{
    font-weight:bold;
    color:#FFF;
    text-transform:uppercase;
}


.lazypic {
}
.lazypic img {
    width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
}