如何使div响应内部内容而无需bootstrap

Question

我想制作一个div并且其内部内容具有响应性，因此当我调整窗口大小div时，如果没有 bootstrap ，也会在窗口大小上调整大小相同。

在 bootstrap ：

中

             

        <div id="mapImage1"  class="col-sm-12" style="position: relative;">
            <img  src .... />

        </div>

Answer 1

试试这个css：

    /* Show in default resolution screen*/
#container2 {
width: 960px;
position: relative;
margin:0 auto;
line-height: 1.4em;
}

/* If in mobile screen with maximum width 479px. The iPhone screen resolution is 320x480 px (except iPhone4, 640x960) */    
@media only screen and (max-width: 479px){
    #container2 { width: 90%; }
}

此处演示：http://jsfiddle.net/CG9WN/605/