在前端開發(fā)中，常常需要處理圖片大小的問題。在css中，我們可以通過修改width和height屬性來調整圖片大小。 要將圖片縮小到原尺寸的一半，可以這樣寫：

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

這里設置了寬度為50%，高度設置為自動。這意味著圖片的高度會按比例自動調整，以便與設定的寬度相對應。 如果我們想將圖片限制在一個固定大小范圍內，可以使用max-width和max-height屬性：

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

這樣設置可以保證圖片的最大寬度和最大高度都不超過100個像素。如果圖片的實際尺寸小于這個限制，它將按比例縮小以適應范圍。 相反地，如果我們想放大一張圖片到達它的原始尺寸，可以這樣寫：

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

這里設置了寬度為100%，高度設置為自動。這意味著圖片將自動調整大小以適應其父元素的寬度，從而放大到其原始尺寸。 總之，在css中調整圖片大小是非常簡單的，我們可以使用width、height、max-width和max-height等屬性來實現(xiàn)我們想要的效果。