CSS圖片自適應布局是指在網頁設計中，讓圖片隨著瀏覽器窗口大小的變化而自動調整大小、位置和比例的布局方式。

使用CSS實現圖片自適應布局，需要設置圖片的max-width屬性為100%。這樣，在瀏覽器窗口變化時，圖片會根據其父容器的大小來自動縮放，而不會溢出。

img {
max-width: 100%;
}

另外，為了讓圖片居中顯示，需要將其包裹在一個塊級元素中，例如div，并設置該元素的text-align屬性為center。

div {
text-align: center;
}

如果希望圖片在一行中顯示多張，可以使用float屬性來實現圖片的浮動。在設置圖片的float屬性時，需要額外注意一下其父容器的寬度，同時可以使用margin屬性來控制圖片之間的間距。

.container {
width: 100%;
overflow: hidden;
}
.container img {
max-width: 33.33%;
float: left;
margin: 0 1%;
}

最后，需要注意的是，在使用圖片自適應布局時，圖片本身的大小也應該適當考慮，以免出現模糊、失真等情況。同時，對于移動設備，也需要考慮不同分辨率的屏幕，適時使用媒體查詢等技術來實現不同尺寸的圖片顯示。