CSS 圖片顯示大小的實現方法 在網站設計中，圖片的展示是至關重要的一個元素，而 CSS 也提供了很多方法來控制圖片的顯示大小，下面我們來介紹一些常見的實現方法。 1. height 和 width 屬性 可以使用 height 和 width 屬性控制圖片的高度和寬度，例如：

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

上述代碼將圖片的寬度設置為 200 像素，高度設置為 150 像素。 2. max-width 和 max-height 屬性 如果希望圖片在頁面適應不同屏幕的大小而自動縮放，可以使用 max-width 和 max-height 屬性，例如：

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

這樣，圖片的最大寬度和最大高度將根據視窗大小自動調整，達到最佳顯示效果。 3. background-size 屬性 使用 div 容器展示圖片時，可以使用 background-size 屬性來控制背景圖片的大小，例如：

div{
background-image: url("image.jpg");
background-size: cover;
}

上述代碼將圖片顯示在一個 div 容器中，使用 cover 值將圖片自動縮放，直到鋪滿整個 div 容器。 總結 通過使用 CSS 的屬性，我們可以非常靈活地控制圖片的大小，達到最佳的展示效果。以上幾種方法是常見的實現方式，選擇哪種方法取決于具體的頁面需求。