CSS是一門用于規定網頁樣式的語言，通過它我們可以很容易地改變網頁中各種元素的顏色、字體、布局等等。在網站制作中，我們經常需要使用圖片來豐富網頁的視覺效果。而在使用圖片時，我們通常會面臨一個問題：如何控制圖片的尺寸，使其更好地適應網頁中的布局呢？

通過CSS，我們可以很方便地對圖片的尺寸進行限定。具體來說，有兩種方法可以實現這個目的。以下是兩種方法的代碼實現，其中我們使用了pre標簽來展示CSS代碼：

/* 方法一：使用width和height屬性 */
img {
width: 200px;
height: 150px;
}

上述代碼中，我們使用了width和height屬性來固定圖片的寬高。這樣，無論圖片原本的尺寸如何，都會被縮放為200x150的大小。需要注意的是，使用這種方法可能會導致圖片變形，因為圖片的寬高比被強制改變了。

/* 方法二：使用max-width和max-height屬性 */
img {
max-width: 200px;
max-height: 150px;
}

上述代碼中，我們使用了max-width和max-height屬性來限制圖片的最大尺寸。這樣，圖片的寬高比不會被改變，同時也不會出現變形現象。如果圖片的原始尺寸小于200x150，那么圖片的大小不會改變。只有當圖片的寬度或高度大于200px或150px時，才會自動縮小到適合的大小。

總的來說，掌握如何使用CSS限定圖片尺寸，可以讓我們更好地控制網頁布局，提高用戶體驗。