如何缩小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>