Html 如何在所有屏幕尺寸下显示100%宽度的页脚图像

我有一个图像，我想显示为页脚的背景图像。它应该以所有屏幕尺寸的100%宽度显示，但目前它在小屏幕上正确显示，而在大屏幕上，它只显示在屏幕中央，两边都空着，这是我不想要的

下面是我用来设置footer Div背景图像的Css：

.footer-shadow {
    position:relative;
    height: 237px;
    margin-top:0px;
    width: 100%;
    background: url('../img/new_images/footer-bg.png') center center no-repeat;
    background-size: contain;
    color: gray;
}

请帮助我使页脚响应，以便图像调整所有屏幕大小

谢谢

更换

background-size: contain;

借

替换

background-size: contain;

借

替换

background-size: contain;

借

替换

background-size: contain;

借

---

如果希望图像始终保持100%的宽度，请使用以下CSS

.footer-shadow {
    background-size: 100%;
}

---

这会自动调整背景图像的宽度，并相应地调整高度。您当前使用的

背景大小：contain

，它将图像缩放为“最大尺寸，使其宽度和高度都能容纳在内容区域内。”

如果您希望图像始终保持100%的宽度，请使用以下CSS

.footer-shadow {
    background-size: 100%;
}

---

这会自动调整背景图像的宽度，并相应地调整高度。您当前使用的

背景大小：contain

，它将图像缩放为“最大尺寸，使其宽度和高度都能容纳在内容区域内。”

如果您希望图像始终保持100%的宽度，请使用以下CSS

.footer-shadow {
    background-size: 100%;
}

---

这会自动调整背景图像的宽度，并相应地调整高度。您当前使用的

背景大小：contain

，它将图像缩放为“最大尺寸，使其宽度和高度都能容纳在内容区域内。”

如果您希望图像始终保持100%的宽度，请使用以下CSS

.footer-shadow {
    background-size: 100%;
}

---

这会自动调整背景图像的宽度，并相应地调整高度。您当前使用的

背景大小：contain

，它将图像缩放为“最大尺寸，使其宽度和高度都能容纳在内容区域内。”

使用

背景尺寸：封面属性，该属性可将图像拉伸至覆盖大小（包括裁剪区域），但在许多浏览器中可能无法正确显示，您需要为firefox和IE添加其他webkit参数，如下所示：

-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

使用
背景尺寸：封面属性，该属性可将图像拉伸至覆盖大小（包括裁剪区域），但在许多浏览器中可能无法正确显示，您需要为firefox和IE添加其他webkit参数，如下所示：

-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

使用
背景尺寸：封面属性，该属性可将图像拉伸至覆盖大小（包括裁剪区域），但在许多浏览器中可能无法正确显示，您需要为firefox和IE添加其他webkit参数，如下所示：

-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

使用
背景尺寸：封面属性，该属性可将图像拉伸至覆盖大小（包括裁剪区域），但在许多浏览器中可能无法正确显示，您需要为firefox和IE添加其他webkit参数，如下所示：

-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

封面不会使背景图像100%宽<代码>背景尺寸：封面“将背景图像缩放到尽可能大的程度，以便背景图像完全覆盖背景区域。背景图像的某些部分可能在背景定位区域内看不到”这会导致可能的裁剪。覆盖不会使背景图像100%宽<代码>背景尺寸：封面“将背景图像缩放到尽可能大的程度，以便背景图像完全覆盖背景区域。背景图像的某些部分可能在背景定位区域内看不到”这会导致可能的裁剪。覆盖不会使背景图像100%宽<代码>背景尺寸：封面“将背景图像缩放到尽可能大的程度，以便背景图像完全覆盖背景区域。背景图像的某些部分可能在背景定位区域内看不到”这会导致可能的裁剪。覆盖不会使背景图像100%宽<代码>背景尺寸：封面“将背景图像缩放到尽可能大的程度，以便背景图像完全覆盖背景区域。背景图像的某些部分可能在背景定位区域内看不到”这可能导致裁剪。