CSS中的background-size属性最常用的取值之一就是“cover”，它的作用是让背景图片等比例缩放并覆盖住整个背景区域。这种技术被广泛应用在网站中，用来实现重要的效果，比如全屏背景图片。在本文中，我们将讨论如何使用CSS的background-size属性实现图片自适应cover。

.cover-img {
background: url("path/to/image.jpg") no-repeat center center;
background-size: cover;
}

上述CSS代码中，.cover-img是一个CSS类名。我们将要将此类应用于一个包含在HTML元素中的元素，比如div。

background属性被用来设置背景图片的路径。no-repeat告诉浏览器不要重复显示图片。center center告诉浏览器将图片水平和垂直居中。

background-size：cover的作用是将背景图片等比例缩放，确保它在任何浏览器中都覆盖整个元素区域。这意味着图片的某些部分可能会被裁剪掉，但这正是我们需要的效果。

通过使用background-size：cover，我们可以确保背景图片始终充满整个元素区域，而不管元素的大小和屏幕尺寸如何。这种技术不仅仅用于全屏背景图片，而且可以用于任何需要达到同样效果的元素，比如图像、视频和小部件。