divの画像のサイズを変更するにはどうすればいいですか？

Question

これまで聞いたことがあるのですが...解決策を見つけようとしましたが、見つけられませんでした。私は画面の左50％をカバーするコンテナを持っています。コンテナの中で、私は空間を覆うように、そしてストレッチにはイメージしません。この時点で CSSは次のとおりです。

height: auto; 
max-width: 100%; 

助けてください！

Answer 1

div内にimgを追加し、画像の幅と高さを100％に設定します。

<div> <img src=""/> </div> 

CSS

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

Answer 2

•あなたはそれがをカバーしたいスペースより大きなイメージを持っているし、あなたがそれを行うためにimgタグを使用している場合は、あなたのCSSに以下を追加：

を

•代わりにdivを使用して画像を背景画像として配置する場合は、次のようにしてください：

div { 
    background-image: url("yourimage.png"); 
    background-repeat: no-repeat; 
    background-size: contain; 
} 

Answer 3

あなたが背景としてそれを使用し、次のプロパティを使用することができます。

background-repeat: no-repeat; 
background-position: center center; 
background-size: cover; 

https://jsfiddle.net/alexndreazevedo/upn7jwfs/