根据屏幕尺寸自动重新调整图像大小

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