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

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

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

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

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

總之，CSS 中的圖片自適應(yīng)是前端開發(fā)中必不可少的一部分。通過設(shè)置屬性，可以使圖片在不同設(shè)備中正確顯示，并且避免因?yàn)轫撁婵s放或者設(shè)備兼容性問題導(dǎo)致頁面錯位的問題。