許多人在網站設計時都經常需要控制頁面中的圖片大小，這種需求尤其常見于使用CSS樣式表來更好地展示圖片的網站設計中。

在CSS中，我們可以使用各種屬性和方法來控制圖片的大小和顯示方式。例如，我們可以使用height和width屬性來直接定義圖片的大小。以下是一個示例代碼：

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

我們還可以使用百分比來控制圖片大小。例如：

img {
height: 50%;
width: auto;
}

這個例子將圖片的高度設置為屏幕高度的50％，而寬度則根據圖片的比例自動調整。這對于響應式網站設計非常重要，因為它可以確保圖片在不同屏幕大小和分辨率下始終保持一致。

另一種常用的方法是使用max-height和max-width屬性來限制圖片的大小。這個示例可以防止過大的圖片破壞整個頁面的布局：

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

如果你需要調整圖片的比例，可以使用object-fit屬性來控制圖片的位置和大小，例如：

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

這個例子將圖片裁剪為正方形，并在填滿容器時保持它的比例。

總的來說，CSS提供了不同的方法和屬性來控制網頁中圖片的大小和顯示樣式。如果你正在設計一個網站，這些技巧可以幫助你更好地創建一個美觀的、高質量的網站。