CSS是前端開發中必不可少的一部分，可以用來控制頁面上的各種元素，其中包括圖片。通過CSS，我們可以輕松地改變圖片的大小，讓其更好地適應不同屏幕尺寸。

在CSS中，我們可以使用width和height屬性來控制圖片的大小。例如，下面的代碼將圖片大小設置為寬度為200像素，高度為自動（根據寬高比計算）：

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

通過這個代碼，可以讓頁面上的圖片始終保持一致的寬度，無論在不同設備上。如果想要圖片的高度也固定，可以將height屬性設置為一個具體的像素值，例如：

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

除了利用width和height屬性限制圖片的尺寸，我們也可以利用CSS的background-image屬性控制背景圖片的大小。例如，下面的代碼可以將背景圖設置為具有100%的寬度和200像素的高度：

div {
background-image: url(image.jpg);
background-size: 100% 200px;
}

通過這個代碼，可以讓背景圖適應任何大小的屏幕，同時限制其高度。

總而言之，CSS是一種非常強大的工具，可以幫助我們控制頁面上的各種元素，包括圖片。通過上述的代碼實例，我們可以輕松掌握如何使用CSS控制圖片的大小，讓其更好地適應不同的屏幕尺寸。