CSS中的圖片大小是前端開發(fā)人員經(jīng)常要處理的一個問題。通常我們需要通過CSS來設置元素的尺寸。

/* 設置寬度為100px，高度自適應 */
img {
width: 100px; 
height: auto; 
}
/* 設置高度為100px，寬度自適應 */
img {
height: 100px; 
width: auto; 
}
/* 設置寬度和高度都為100px */
img {
width: 100px; 
height: 100px; 
}

上述代碼展示了三種常見的設置圖片大小的方法。第一種方法設置了寬度為100px，高度自適應；第二種方法設置了高度為100px，寬度自適應；第三種方法則直接設置了寬度和高度都為100px。需要注意的是，如果指定了具體的寬度或高度，那么圖片可能會被拉伸或壓縮，導致失真的效果。

除了使用CSS來設置元素的尺寸外，我們也可以通過CSS的background-image屬性來設置圖片的大小。在這種情況下，我們通常需要使用background-size屬性來指定圖片的尺寸。

/* 將圖片拉伸至整個父元素 */
div {
background-image: url('my-image.jpg');
background-size: cover;
}
/* 將圖片縮放至合適的尺寸，不會失真 */
div {
background-image: url('my-image.jpg');
background-size: contain;
}

上述代碼展示了兩種常見的使用background-image屬性設置圖片大小的方法。第一種方法使用了cover屬性，將圖片拉伸至整個父元素；第二種方法使用了contain屬性，將圖片縮放至合適的尺寸，不會失真。

總而言之，設置圖片大小是前端開發(fā)中十分重要的一部分。開發(fā)者可以根據(jù)具體的需求和差異，選擇使用不同的方法來處理以獲得最佳的效果。