CSS 網頁布局中，圖片的大小一直是一個大問題。

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

上面這段 CSS 代碼是一種常見的圖片自適應布局。其中max-width: 100%的作用是設置圖片的最大寬度為其父元素的寬度，這樣圖片會根據父元素的大小進行自適應布局。而height: auto;則是保證圖片的高度與寬度成比例，不會變形。

如果需要控制圖片的精確大小，可以使用下面這段 CSS 代碼：

img{
width: 200px;
height: 200px;
object-fit: cover;
}

上面這段代碼中，width: 200px;和height: 200px;分別設置了圖片的寬度和高度，object-fit: cover;則是設置圖片的縮放方式，這里使用 cover，表示將圖片完整地縮放到容器中，但是可能會裁剪圖片的一部分。

需要注意的是，在使用object-fit屬性時，可能會出現兼容性問題。在 Firefox、Safari 和 Edge 瀏覽器中，只支持基本的縮放方式，而在 Chrome 和 Opera 瀏覽器中則支持全部的縮放方式。