如何縮小div / section的大小？

Question

如何縮小div /節的大小，例如將圖像調整為小尺寸。

注意：DIV部分不是圖像，..謝謝

Answer 1

如果您想縮小div並縮小圖像，那么根據我的建議，請使用Bootstrap來完美縮小圖像，並且CSS類代碼也非常簡單。

在那里，您還可以使用“圖像響應”類來處理圖像的大小

Answer 2

如果您想在Bootstrap中制作上述結構，

<div class='container'>
<div class='col-md-12'>
<!--Left part-->
    <div class='col-md-6'>
        <div class='row' style='height:80%'>
            <image class="img responsive" src='' height='100%' width='100%'>  
        </div> 
        <div class='row' style='height:20%'>
            <div class='col-md-2'><image class="img responsive" src='' id='img1' /></div>
            <div class='col-md-2'><image class="img responsive" src='' id='img2'/></div>
            <div class='col-md-2'><image class="img responsive" src='' id='img3'/></div>
            <div class='col-md-2'><image class="img responsive" src='' id='img4'/></div>
            <div class='col-md-2'><image class="img responsive" src='' id='img5'/></div>
        </div>
    </div><!--Right part-->
    <div class='col-md-6'> Put your code </div></div></div>

Answer 3

您可以使用css3的scale屬性。

.class {
-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
transform:scale(0.5);
}