Html 调整窗口大小时动态调整div背景图像

上面是我的一个div的CSS，它保存了一个背景图像。我已经将div的高度和宽度设置为与图像的尺寸相同。我遇到的问题是，当窗口的大小被重新调整，例如小于图像的宽度时，它会被切断

---

有没有一个解决方案，我可以这样设计CSS的样式，使div随着里面的图像重新调整大小。我已经尝试将div的宽度设置为100%，这样可以正确地重新调整div的大小，但是图像仍然无法重新调整大小。如果这不是一个好的解决方案，那么如何使用

标签实现这一点。

使用

背景尺寸：封面或
背景大小：100%100%

因此，您的css将是：

.step-1-4 {
  background:url('../images/gadget-4-sprite.png') 
  no-repeat; width:950px; 
  height:70px;
  margin-left: 15px;
}

.step-1-4 {
  background:url('../images/gadget-4-sprite.png') no-repeat;
  background-size:100% 100%; /*..or  cover ...*/
  width:950px; 
  height:70px;
  margin-left: 15px;
}