當我們在網頁設計中加入圖片時，我們常常會遇到一個問題，就是如何把圖片放在適當的位置和大小，使得網頁看起來更加美觀和舒適。這時，我們可以用CSS來控制照片的尺寸。

使用CSS控制照片的尺寸有兩種方法，一種是通過設置元素的寬高屬性，另一種是通過CSS的背景屬性來實現。

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

上面這段代碼是設置圖片寬度為100%且高度自動適應。這樣可以保證照片能夠適應瀏覽器窗口大小，同時保持比例。

div{
width: 300px;
height: 200px;
background-image: url(./images/picture.png);
background-size: cover;
}

這段代碼是通過設置div的寬高以及背景圖像來實現圖片的適應。其中，background-size為cover屬性表示背景圖像要盡可能地填滿整個div，而不拉伸或壓縮。

總之，通過CSS的控制，我們可以方便地使照片適應不同的設備和瀏覽器大小，從而讓網站的美觀度更上一層樓。