没有宽度的背景图像封面如果页面太长则会变宽

Question

当页面太长时，是否有办法让背景图像变得更宽。 PS。我知道如何填充页面，这就是我正在使用的

Answer 1

您可以使用

 background-size:cover;

使背景图像逐字拉伸以填充元素或

background-repeat: repeat;

要制作图像＆＃39;然而，如果原始图像很小且包含的图像非常大，我不希望看起来很好。

一个工作示例can be found on CSS-Tricks

Answer 2

嗯，实际上我是在我的一个网站上偶然地这样做的。这是我的div带有图片的CSS：

background: url("image.jpg") no-repeat center;
background-size: cover;

请注意，这将调整图像的大小，以便无论屏幕是否过宽或过高，背景图片都会始终在高度和宽度之间保持正确的比例。希望这对您有所帮助！