如何缩小div / section的大小？

Question

如何缩小div / section的大小，例如将图像大小调整为小....

注意：DIV SECTION不是Image，..谢谢

Answer 1

如果你想缩小div＆amp;使图像变小然后按照我的建议使用Bootstrap来获得完美的缩小图像＆amp;有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的缩放属性。

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