根据屏幕尺寸自动调整图像尺寸

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