今天我們來討論一下如何使用 CSS 固定一張圖片的大小。在網頁設計中，經常需要固定一些具體大小的圖片，以確保網頁在不同設備上的顯示效果一致。那么，如何實現這個功能呢？ 首先，我們需要將圖片的尺寸寫入 CSS 樣式表中。在樣式表中，可以使用如下代碼來設置圖片的寬度和高度：

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

在這個例子中，我們設置了圖片的寬度為 300 像素，高度為 200 像素。當瀏覽器加載圖片時，會自動根據這個設置來調整圖片的大小，確保它在網頁中顯示出來的尺寸不會發生變化。 除了直接在樣式表中設置圖片的尺寸外，還可以使用 HTML 中的 width 和 height 屬性來指定圖片的大小。例如：

這個例子中，我們在 img 標簽中使用了 width 和 height 屬性來設置圖片的尺寸。這種方法也能夠實現固定圖片大小的效果，但是不如在樣式表中設置來的方便和靈活。 需要注意的是，在設置圖片大小時，通常應該保持圖片的寬高比不變，以免出現拉伸或壓縮的情況。 綜上所述，固定圖片大小是網頁設計中的一個基本操作。通過在 CSS 樣式表中設置圖片的寬度和高度，或者在 HTML 中使用 width 和 height 屬性，我們可以輕松地實現這個功能。