在網頁設計中，圖片是一個重要的元素，而適應不同大小屏幕的圖片展示則是確保網站適應性的關鍵之一。下面介紹一些基本的圖片適應大小的 CSS 技巧。

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

這是最常見的圖片適應大小的 CSS 技巧。通過設置最大寬度為 100% 以及自動調整高度，圖片可以在任何尺寸的屏幕上達到最佳展示效果。

.container {
max-width: 1200px;
margin: 0 auto;
}
img {
max-width: 100%;
height: auto;
}

這段代碼演示了如何在一個容器中限制圖片的最大寬度。通過設置容器的最大寬度，可以控制圖片在大屏幕中的尺寸，并且使小屏幕中的圖片不會失真或者變形。

.one-third {
width: calc(33.33% - 20px);
margin-right: 20px;
}
img {
max-width: 100%;
height: auto;
}

這個例子顯示了如何將多個圖片平均分配在一個行中，并且保持圖片寬度的適應性。通過使用 calc() 屬性和 margin-right 屬性，可以使圖片不會超出其父元素，同時始終保持適當的間距。

總之，通過適當的 CSS 技巧，可以使圖片在任何尺寸的屏幕上展示得最好、最美觀。