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

时间:2015-11-18 22:58:09

标签: css css3

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

2 个答案:

答案 0 :(得分:1)

您可以使用

 background-size:cover;

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

background-repeat: repeat;

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

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

答案 1 :(得分:0)

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

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

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