在開發網頁過程中，我們經常需要使用圖片來裝飾頁面。有時候我們需要調整圖片的比例，以適應頁面的布局和設計。這時候，我們就需要使用CSS來設置圖片的寬度和高度。 CSS中有多種方法可以設置圖片的比例，以下是其中的幾種常用方法： 1. 設置圖片的寬度和高度 通過設置圖片的寬度和高度，我們可以控制圖片的比例。例如，以下代碼將圖片的寬度設置為300像素，高度設置為200像素：

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

這樣，無論圖片的原始比例是多少，它都會被強制設置為300像素寬、200像素高的大小。 2. 設置圖片的最大寬度和最大高度 有時候，我們想要保持圖片的原始比例，但是也要確保圖片不會超出容器的大小。這時候，我們可以使用最大寬度和最大高度來限制圖片的大小。例如，以下代碼將圖片的最大寬度設置為500像素，最大高度設置為700像素：

img {
max-width: 500px;
max-height: 700px;
}

這樣，如果圖片的原始比例比500：700更寬，它的寬度將被設置為500像素，高度會根據原始比例自動調整。 3. 設置圖片的寬度為100% 有時候，我們想要讓圖片填滿整個容器的寬度。這時候，我們可以將圖片的寬度設置為100%。例如，以下代碼將圖片的寬度設置為100%：

img {
width: 100%;
}

這樣，無論容器的寬度是多少，圖片都會被拉伸到與其等寬。如果圖片的高度比容器高度更高，它可能會被裁剪。 總結 以上是三種常用的設置圖片比例的方法。在實際開發中，我們可以根據不同的需求和設計要求靈活運用它們。