CSS是前端開發(fā)必備的技能，通過它可以改變頁面中的各種元素樣式。其中，img元素是頁面中經(jīng)常使用的元素之一，我們經(jīng)常需要通過CSS來調(diào)整它的寬高。

img {
width: 200px; /* 設(shè)置寬度為200像素 */
height: 100px; /* 設(shè)置高度為100像素 */
}

上述代碼中，我們給img元素設(shè)置了寬度為200像素，高度為100像素。也可以使用百分比來設(shè)置寬高：

img {
width: 50%; /* 設(shè)置寬度為父元素寬度的50% */
height: 50%; /* 設(shè)置高度為父元素高度的50% */
}

上述代碼中，我們給img元素設(shè)置了寬度和高度都為父元素的50%。這種方式可以使圖片按比例縮放，適應(yīng)不同尺寸的屏幕。

如果只設(shè)置其中一項(xiàng)，另一項(xiàng)會(huì)自動(dòng)適應(yīng)比例：

img {
width: 200px; /* 設(shè)置寬度為200像素 */
}

上述代碼中，我們只設(shè)置了寬度為200像素，高度則會(huì)按比例自動(dòng)調(diào)整。同樣的，如果只設(shè)置高度，寬度也會(huì)自動(dòng)適應(yīng)比例：

img {
height: 100px; /* 設(shè)置高度為100像素 */
}

通過CSS，我們可以非常靈活地調(diào)整img元素的寬高，使網(wǎng)頁呈現(xiàn)出更好的效果。