CSS - 当浏览器视口更改时，页脚图像未正确调整大小

Question

我有一个MVC应用程序，页脚中有图像。我的CSS目前看起来如下：

footer {
    position:absolute;
    bottom:-150px; /* This puts the footer 100px below the bottom of the page*/
    width:70%;
    height: 170px;   /* Height of the footer */
    background-image: url("/Images/Footer/Footer3.png");
    background-repeat: no-repeat;
    background-position: center;
}

我遇到的问题是图像没有正确调整大小以适应容器的宽度和高度。部分图像被切掉。当我调整浏览器视口大小（缩小它）时，更多的图像被切断。如果有帮助，图像大小为1000x175。我希望图像能够响应，并在容器内正确自动调整大小。

Answer 1

你试过

吗？

  background-size: 100% 100%;