html - CSS 拉伸(stretch)或适合背景图像

Question

我想使用 css 拉伸(stretch)或适合我的背景图像，因此无论屏幕尺寸如何，它始终保持 100% 的宽度和高度。这被问了很多次，每个人都建议使用 background-size:100% 并且它会起作用。但是使用背景大小只适合我的图像宽度，高度仍然被裁剪。
如果有人可以帮助我，我将不胜感激。
非常感谢

Answer 1

编辑:

你尝试过 background-size: 100%,
CSS 将其解释为 100% 宽度，自动高度，如下所示:

background-size: 100% auto;

您希望第二个参数(高度)也为 100%，因此您应该这样做:

background-size: 100% 100%;

结束编辑

尝试:

background-size: cover;

这将适合宽度或高度并溢出其余部分

或者:

background-size: contain;

这将使图像尽可能大而不改变它的纵横比。

您可以阅读有关 css3 background-size 属性的更多信息 HERE