CSS 中的圖片自適應是前端開發中的一個重要功能。通過設置 CSS 屬性，可以使圖片自適應頁面大小，避免在頁面縮放或者在移動設備上顯示時出現錯位或者溢出的問題。

img {
max-width: 100%;
height: auto;
}

CSS 中 img 標簽的自適應主要通過 max-width 和 height 屬性來控制。其中 max-width 屬性設置圖片的最大寬度，height 屬性設置圖片的高度自適應。在設置 max-width 時，還可以通過百分比來自適應屏幕大小，保證圖片不會溢出。

如果需要限制圖片的最小寬度和最小高度，可以使用 min-width 和 min-height 屬性。同時，還可以通過使用 object-fit 屬性，來控制圖片的顯示方式。object-fit 使用時，需要注意支持程度不夠，建議兼容性較差的瀏覽器使用備用方案。

img {
max-width: 100%;
height: auto;
min-width: 200px;
min-height: 200px;
object-fit: cover;
}

總之，CSS 中的圖片自適應是前端開發中必不可少的一部分。通過設置屬性，可以使圖片在不同設備中正確顯示，并且避免因為頁面縮放或者設備兼容性問題導致頁面錯位的問題。