當我們在網頁中添加圖片時，圖片大小與網頁的排版和布局十分重要。如果圖片的大小不合適，就會影響網頁的美觀和用戶體驗。CSS提供了一些方法來實現圖片的大小適配。

首先，我們可以使用width屬性來設置圖片的寬度。例如，我們可以將圖片的寬度設置為50%：

img {
width: 50%;
}

這樣，無論圖片原來的尺寸是多少，都會被縮小到網頁寬度的50%。如果我們只想縮小圖片的寬度，而不改變其高度，可以只設置width屬性，而不設置height屬性。

另外，我們也可以使用max-width屬性來設置圖片的最大寬度。這樣，如果圖片的原始寬度大于所設置的最大值，圖片會自動縮小到最大寬度。例如：

img {
max-width: 100%;
}

這樣設置后，圖片的寬度不會超過網頁的寬度，同時也不會失真。

除此之外，還可以使用object-fit屬性來控制圖片在容器中的適應方式。object-fit屬性的值可以為contain、cover、fill、none或scale-down。例如：

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

這段代碼中，我們設置圖片的寬度和高度為300px和200px，而object-fit的值為cover。這樣，圖片會被自動裁剪和縮放，以填滿容器，不受容器大小的限制。

總之，在進行圖片大小適配時，我們可以根據實際情況選擇不同的CSS屬性，來達到最佳效果和用戶體驗。