CSS樣式表是用來定義網頁的布局和樣式的語言。在網頁中，圖片是非常重要的元素，它能夠提高網頁的美觀性以及吸引用戶的眼球。在這篇文章中，我們將會學習如何讓圖片自適應CSS。

首先，我們需要在HTML中插入圖片。我們可以使用標簽來實現。如下代碼：

<img src="image.png" alt="這是一個圖片">

在CSS中，我們可以使用width和height屬性來設置圖片的寬度和高度。但是，如果我們設置一個固定的寬度和高度值，就會讓圖片在瀏覽器中出現拉伸或者壓縮的情況。而且，如果我們將網頁縮放到一個小尺寸，這個圖片也會失去其原來的比例。因此，我們需要讓圖片自適應網頁的大小。

下面是如何讓圖片自適應CSS的方法：

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

這個代碼片段會將圖片的最大寬度設置為100%，這樣圖片的寬度就會隨著瀏覽器的大小而自適應。同時，設置圖片的高度為auto，保證圖片按原來的比例進行縮放，不會出現拉伸或者壓縮的情況。

這樣，我們就成功讓圖片自適應CSS了。