在網頁設計中，經常需要對圖片進行大小的調整。而CSS提供了很多種方法實現這個功能，以下是幾個常用的代碼。

/*通過設置width和height屬性改變圖片大小*/
img{
width: 50%; /*將圖片寬度縮小一半*/
height: 100px; /*將圖片高度設置為100px*/
}
/*通過設置max-width和max-height屬性改變圖片大小*/
img{
max-width: 100%; /*將圖片寬度最大為100%*/
max-height: 200px; /*將圖片高度最大為200px*/
}
/*通過設置transform屬性進行縮放*/
img{
transform: scale(0.5); /*將圖片縮小一半*/
}
/*通過設置background-size屬性實現背景圖片大小調整*/
div{
background-image: url("image.jpg");
background-size: cover; /*將背景圖片縮放至完全覆蓋div容器*/
}

以上代碼塊展示了常用的四種調整圖片大小的方法。第一種方法，通過設置圖片的寬和高屬性，可以使得圖片呈現指定的大小。由于此方法固定了寬和高，因此可能會造成圖片變形的情況。第二種方法，通過設置圖片的最大寬和最大高，可以使圖片按照比例進行縮放，同時不會超過設定的最大值。第三種方法，通過設置transform屬性對圖片進行縮放，可以實現更加細微的調整。第四種方法，通過background-size屬性實現對背景圖片的調整。這些方法的應用需要根據具體情況進行選擇，以獲得最佳的效果。