divのサイズ

Question

にIMGを設定することは、それがに含まれていますdivのサイズに画像の高さと幅を設定することは可能ですか？ただbackground-size: coverを使用していない ？

それともこれは愚かな質問であり、それはあなたがそれを行うことができる唯一の方法は？

Answer 1

は、imgタグにwidth:100%;とheight:100%を使用してください。

はこちらをご覧ください：https://jsfiddle.net/kf1tmu5s/

Answer 2

1. あなたのdivにクラス名を付けます。
2. のdivのサイズに設定画像サイズを。 100％にあなたのイメージの幅と高さを設定

.image_containing img{ 
 
height:100%; 
 
width: 100%; 
 
}

<div class="image_containing"> 
 
<img src="xxx.yy"> 
 
</div>

Answer 3

あなたの親のdivのサイズに応じて、imgageを伸ばすだろう。

あなたはここでオブジェクトフィット

を使用することができます例です。

.cover{ 
    object-fit: cover; 
} 

https://jsfiddle.net/cmaLbvLt/18/