javascript - 画面サイズに応じて画像のサイズを自動的に変更する

Question

単純な div と IMG タグが含まれています。私が達成しなければならない目標は次のとおりです。

背景画像は、画面の幅と高さに応じて自動的にサイズ変更され、水平または垂直のスクロール バーは表示されません。

どうすればこれを達成できますか?

- - - - - - - - - - - - - - - コード - - - - - - - - - - -------

<div>
<img id="image" src="background.png" alt="Image not found"/>
</div>

Answer 1

以下のCSSを使用してみてください

#containerElem { 
  background: url(...);
  background-size: 100% 100%; 
}

そして、これ#containerElemはdiv背景が適用されるまたはいくつかの要素です。