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应用背景的元素。