CSS（層疊樣式表）是一種用于網頁設計的語言，它可以幫助我們美化網頁、布局頁面，以及讓網頁變得更加具有可讀性。其中，對于圖片的處理，CSS也提供了許多便捷的方式，例如圖片的自適應。下面，我們將詳細介紹如何使用 CSS 將圖片做到自適應。

首先，我們需要在 HTML 中插入一張圖片：

<img src="圖片路徑" alt="圖片描述">

其中，src屬性用于指定圖片的路徑，alt屬性則是在圖片無法加載時顯示的文本。接下來，我們利用 CSS 對圖片進行自適應處理：

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

這段 CSS 代碼中，我們使用了max-width: 100%屬性，使得圖片的寬度最大可以達到容器的寬度，從而實現圖片的自適應。同時，我們還使用了height: auto屬性來確保圖片的高度可以根據寬度的變化而自適應調整。以此來實現圖片的自適應處理。

除了上述的方法，使用 CSS 進行圖片自適應的方式還有很多，比如：

• 使用object-fit屬性，控制圖片在容器內的展示方式；
• 使用background-image屬性，將圖片設置為背景圖片（需要設置background-size屬性）；
• 使用position屬性，對圖片進行定位，并配合使用@media查詢實現不同設備下的自適應。

總之，CSS 提供了諸多方法來幫助我們實現圖片的自適應，我們只需要根據具體的需求和使用場景，選擇合適的方式進行處理即可。