标题背景可调整大小

Question

我在标题上有一个背景图片，但我希望它在浏览器很小时可以调整大小。当我使浏览器变小时，图像从侧面变小。我想看整个图像

Answer 1

你可以在CSS中使用background-size属性

{
background-size:100% auto;
background-repeat:no-repeat;
}

Answer 2

header{ 
   background: url(img/img.jpg) no-repeat center center; 
   -webkit-background-size: cover;
}

您不会一直看到整个图像，但我认为这是最佳解决方案，因为图像始终保持可扩展性。

Here你可以看到两个答案之间的区别。 background-size: cover和background-size:100% auto;您必须适应您的情况。