- backgroundプロパティ

Question

を使用していないことでは、私は、バナーが応答させることができる方法及び画像スケールがあり、高さは、私は次のような構造

<div class="banner"> 
    <img src="/img/banner1.png" alt="Banner"> 
</div> 

と同じままproperly..ie私たちはクラスのバナーの画像の背景画像を作ることができると知っている。しかし、上記の構造を有する効果を有することが可能である。また

.responsive { 
    width: 100%; 
    height: auto; 
} 

：

Answer 1

imgあなた.bannerにこのCSSを追加しようと削除：あなたのイメージに次のクラスを追加

.banner { 
    background-image: url('/img/banner1.png'); 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: cover; 
} 

Answer 2

試してみてください。

<img src="/img/banner1.png" width="460" height="345" class="responsive"> 

をCSS。 .. widthおよびheight属性をbanner1.pngのサイズに置き換えます。

Bootstrapを認識していない場合は、レスポンスフレームワーク（単純なクラス「img-responsive」）をチェックアウトすると、すべての画像が応答します。