CSS3 改變圖片大小 CSS3 的出現，讓我們能夠更加靈活地控制網站的外觀和呈現效果。其中一個常用的功能就是改變圖片的大小。在 CSS3 中，我們可以通過以下方式來實現這個功能： 1.使用 width 和 height 屬性 通過設置 width（寬度）和 height（高度）屬性，我們可以改變圖片的大小。例如，下面的代碼可以將圖片寬度設置為 200 像素，高度設置為 150 像素：

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

2.使用 max-width 和 max-height 屬性 使用 max-width 和 max-height 屬性可以讓我們在保持原始比例的同時，將圖片縮小到指定的最大大小。例如，下面的代碼可以將圖片最大寬度設置為 400 像素，最大高度設置為 300 像素：

img {
max-width: 400px;
max-height: 300px;
}

3.使用 object-fit 屬性 object-fit 屬性可以讓我們將圖片內容縮放到容器的寬度和高度，同時保持圖片比例不變。例如，下面的代碼可以讓圖片自適應容器大小：

img {
object-fit: contain;
width: 100%;
height: 100%;
}

總結 通過使用 CSS3，我們可以輕松地改變圖片的大小和比例。使用以上方法，你可以將圖片自適應容器或者通過設定具體的像素值來改變其大小。嘗試使用這些方法，讓你的網頁呈現出更加優美的圖片效果。