html - 画像をdivに完全に適合させるにはどうすればよいですか？

Question

できるだけ多くのHTMLとCSSを使用し、できるだけ少ないJavaScriptを使用したいと思います。の画像は、spotlight左から右へのすべてのピクセルが表示されて、正方形に完全に収まっているはずです。基本的には、画面サイズに合わせてサイズを変更したいです。

私はウェブ全体を見てきましたが、何も機能していないようでした。

score 3 · Accepted Answer

background-size:coverこの例のようにスポットライトクラスに追加してみてください：http： //cssdesk.com/4vQvQ

score 0 · Accepted Answer

JavaScriptで画像のサイズに合わせて6サイズにすることができます。

例えば

document.getElementById("Your Div Id").width="Width of the image in px";
document.getElementById("Your Div Id").Height="Height of the image in px";

score 0 · Accepted Answer

を使用してdiv内に画像を挿入します

次のCSSを適用します

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

divの背景として画像を作成しないことを忘れないでください...

3 に答える 3