col-md-12クラス内の画像サイズを変更します

Question

レスポンシブサイトを作成しましたが、画像の一部がサイズ変更されません。あなたが例えば、パーセント幅に変更してみてください、あなたの画像要素に対してCSSで固定幅を使用している

#img1 { 
 
    width: 250px; 
 
    height: auto; 
 
    margin: auto; 
 
    display: block; 
 
    background-size: 20%; 
 
}

<div class="row"> 
 

 
    <div class="col-md-6" id="mision"> 
 
     <img src="imagenes/MISION.png" id="img1"> 
 
    </div> 
 

 
    <div class="col-md-6" id="vision"> 
 
     <img src="imagenes/VISION.png" id="img2"> 
 
    </div> 
 

 
    <div class="col-md-12" id="servicios"> 
 
     <img src="imagenes/SERVICIOS.png" id="img3"> 
 
    </div> 
 

 
</div>

Answer 1

：
はこのスクリーンショットを参照してください

#img1{ 
    width: 80%; 
    height: auto; 
    margin: auto; 
    display: block; 
    background-size:20%; 
} 

次に、画像の幅をwiあなたの列。