CSS 圖片自適應應該算是前端開發中最常見的問題之一了，因為屏幕大小不一，不同設備、不同瀏覽器的排版又不同，所以如何讓圖片自適應屏幕就顯得非常重要。

常見的 CSS 圖片自適應有以下幾種方式：

/* 寬度自適應 */
img {
max-width: 100%;
height: auto;
}

上面這段代碼設置圖片寬度最大不超過父容器，高度自動調整。這種方法對于百分比布局比較常見。

/* 高度自適應 */
img {
width: auto;
max-height: 100%;
}

這種方法跟前面的相反，寬度自動調整，高度最大不超過父容器。

/* 寬高均自適應，不變形 */
img {
width: 100%;
height: auto;
object-fit: cover;
}

這種方法可以讓圖片填充整個容器，同時不會變形。不過需要注意的是，IE 不支持 object-fit 屬性，所以需要使用固定高寬或者 JS 處理。

/* 寬高均自適應，有變形 */
img {
width: 100%;
height: 100%;
}

這種方法可以讓圖片寬高都自適應，但是會有變形。一般和 JS 搭配使用，實現類似裁剪的效果。

總結一下，以上方法都可以實現圖片自適應，需要根據實際情況選擇。當然，如果你使用的是一些 CSS 框架（比如 Bootstrap），它們內部都有對圖片自適應的處理，可以直接使用。