根据屏幕大小自动调整图像大小

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