CSS中如何控制圖片大小
在Web開發中，經常需要使用圖片來豐富頁面內容。但是，在將圖片放置到頁面中之前，需要確保其大小與布局的兼容性。下面就是介紹CSS中如何控制圖片大小的方法。
通過width和height屬性控制圖片大小
CSS中可以使用width和height屬性來控制圖片的大小。這兩個屬性分別代表了圖片的寬度和高度，可以在img標簽的樣式中設置。例如，可以在樣式中設置如下：

img {
width: 300px;
height: auto;
}

在上面的樣式中，將圖片的寬度設置為300像素，同時高度自動計算。也可以將高度設置為固定值，但此時可能會導致圖片變形。
通過max-width和max-height屬性控制圖片大小
除了使用width和height屬性控制圖片大小外，也可以使用max-width和max-height屬性限制圖片的最大寬度和最大高度，以防止圖片變形。

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

在上面的樣式中，將圖片的最大寬度和最大高度都設置為100%。這個百分比指的是父容器的寬度和高度。
通過object-fit屬性控制圖片大小
CSS3中引入了object-fit屬性，可用于定義圖片在其容器中的布局和縮放。

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

在上面的樣式中，將圖片設置為300px寬，200px高，并且使用cover值來指定圖片填滿容器，保持圖片比例不變。
總結
通過上述簡單介紹，我們可以了解到CSS中如何控制圖片大小的方法。當然，如何選擇一個最佳的方案，還需要根據實際情況靈活判斷和調整。