CSS 設置圖片自適應是前端開發中經常使用的基本技能，它可以讓不同尺寸的圖片在不同尺寸的屏幕上展示得更加美觀。下面我們來介紹幾種常見的方法：

/* 方式一：使用max-width屬性 */
img{
max-width: 100%;
height: auto;
}

通過設置圖片的最大寬度為100%，圖片會自適應其容器的大小，同時保證圖片的高度自適應，保持圖片寬高比。

/* 方式二：使用background-size屬性 */
div{
width: 300px;
height: 200px;
background-image: url("image.jpg");
background-size: cover;
}

通過將圖片設置為背景圖，并設置背景圖的大小為cover，可以保證圖片在容器中自適應并填滿整個容器。

/* 方式三：使用object-fit屬性 */
img{
width: 300px;
height: 200px;
object-fit: cover;
}

通過設置圖片的寬高和object-fit屬性為cover，可以保證圖片自適應并填滿圖片容器，并保持寬高比。

通過以上的三種方式，我們可以輕松實現圖片自適應效果，使網頁在不同尺寸的設備上呈現出更好的視覺效果。