如何縮小div /節的大小？

Question

如何收縮一個div /段的大小，如影像縮放成小....

注：DIV部分沒有圖片，..感謝

Answer 1

你可以使用css3的比例屬性。

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

Answer 2

如果要收縮DIV &化妝圖像變小，然後按我的建議使用自舉完美的收縮圖像&有CSS類代碼也很簡單。

那裏，如果你想在上面引導，然後結構，你可以使用「圖像響應」類也爲圖像

Answer 3

的手柄大小，

<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>