CSS 中的 “cover” 是一種非常有用的功能，可以讓圖片自適應瀏覽器大小，并且完全填充指定的區域。讓我們來看看如何在 CSS 中實現這個效果。

img {
width: 100%;
height: auto;
object-fit: cover;
}

首先，在 CSS 中，我們需要設置圖片的寬度為 100%，這樣圖片就會適應父元素（通常是一個<div>）的大小。然后，我們使用object-fit屬性來指定如何縮放和裁剪圖片以適應父元素。

object-fit屬性有很多選項可供選擇，例如“contain”和“fill”。當我們使用“contain”時，圖片會按比例縮放以適應父元素，但可能會有留白，并且不能完全覆蓋指定區域。相反，使用“fill”時，圖片會拉伸以完全填充指定區域，但可能會截斷圖片的某些部分。

因此，“cover”是一種非常好的選擇。它可以完全填充指定區域，并將圖片等比縮放以適應父元素，同時保持圖片比例不變。

在總結一下，通過設置圖片的寬度為 100%，并使用“cover”屬性，我們可以輕松創建一個響應式的圖片，可以自適應父元素大小，并完全覆蓋指定區域。