css中怎么让背景自动缩放

在CSS中，我们可以使用背景属性使页面更加美观。而要让背景自动缩放，我们可以使用background-size属性。下面我们来看看怎样使用它。
首先，我们需要为背景图片指定URL：

background-image:url('image.jpg'); 

接下来就是重点——background-size属性。这个属性有两个值：cover和contain。
如果我们想让背景图片铺满整个背景区域，可以使用cover：

background-size:cover; 

同样的，如果我们想让背景图片完全显示并且不拉伸，可以使用contain：

background-size:contain; 

除了这两个值以外，我们还可以使用像素或百分比来指定背景的大小。比如，如果我们想让背景图片宽度为页面的50%：

background-size:50% auto; 

其中，auto表示高度自动适应。
最后，您需要注意的是，有些浏览器并不支持background-size属性。因此，如果您要确保您的网站在所有浏览器中都能正确地显示，请使用CSS hack：

background-size:cover;
background-size:100%; 

当然，某些浏览器仍然无法支持这个hack，但这已是最好的解决方案了。
总之，使用background-size属性可以让您的背景图片自动缩放，从而让您的网站更加美观和易于使用。