CSS中統一圖片的大小在網頁設計中，圖片起到了非常重要的作用。在實際應用中，不同來源的圖片往往有著不同的大小，這就會導致頁面顯示效果不一致，不美觀。為了解決這個問題，CSS提供了統一圖片大小的方法。 在CSS中，可以使用width和height屬性來控制圖片的大小。因此對于多張圖片，我們可以通過設置這兩個屬性來達到統一大小的目的。<img src="example.png" width="200" height="150">上面的代碼就是將一張圖片的寬度設置為200像素，高度設置為150像素。 然而，在實際應用中，我們通常會讓圖片適應不同尺寸的設備，因此直接使用以上代碼會存在拉伸變形的問題。 這時，我們可以使用CSS中的max-width和max-height屬性來進行設置，這樣既可以控制圖片大小，又能夠使圖片保持原有比例。

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

上面代碼中，p img表示選取在段落中的所有圖片，max-width:100%和max-height:100%則表示圖片在不超過父元素大小的前提下最大化。 通過以上方式，我們可以輕松地解決圖片大小不一致的問題，并且不會出現圖片的變形。同時，這也符合Web設計中的響應式設計理念，使得頁面在不同設備上的顯示更加美觀。