CSS是前端開發中不可或缺的技術，它可以讓我們實現各種各樣的效果，如今我們要來學習如何通過CSS讓圖片適應屏幕大小。

如果想要實現圖片適應屏幕大小的效果，我們需要先了解一些CSS中的屬性，其中最關鍵的屬性就是“max-width”和“height”。

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

代碼中的“max-width”可以在內容區域中取得圖片寬度的最大值，而“height”則是保證圖片高度比例合理的一個屬性。這樣做的好處是，無論用戶使用何種設備來瀏覽網頁，圖片都能夠自動適應屏幕大小。

但是，在真實的開發過程中實現這個效果并不是那么簡單。我們通常會使用一個容器將圖片包裹起來，然后將容器的寬度設置為百分比，而不是一個固定的像素值。

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

以上代碼中，“container”類定義了一個容器，寬度為80%。而圖片的樣式則是作為“container”的子元素進行設計的。這樣一來，不論用戶使用何種設備，圖片都會按照容器的百分比來顯示，達到了自適應效果。

總之，在使用CSS調整圖片大小時，一定要考慮到用戶的設備類型和尺寸，為用戶提供最好的用戶體驗。