CSS是一種用于網頁排版和樣式設計的語言，它可以在網頁中添加圖片、文本、顏色、邊框等效果。當我們添加一張圖片到網頁中時，有時圖片的大小比例可能不合適，這時我們可以使用CSS來調整圖片的比例。
首先，我們需要創建一個包含圖片的HTML標簽，比如:

<img src="example.jpg" alt="Example image" />

這里的example.jpg是我們要添加的圖片路徑。接下來，我們就可以使用CSS來調整圖片的比例，代碼如下：

<style>
img {
width: 50%;
height: auto;
}
</style>

這段代碼中，我們使用了CSS的width和height屬性來調整圖片的大小。其中，width屬性設置圖片的寬度為所在元素的50%，也可以是具體像素值；height屬性設置圖片的高度自適應，也就是根據寬度比例自動計算高度。
除了使用固定比例外，我們也可以使用CSS的max-width屬性來設置圖片的最大寬度，保證圖片不會超出容器寬度。例如：

<style>
img {
max-width: 100%;
height: auto;
}
</style>

這里的max-width屬性設置圖片的最大寬度為所在元素的100%。當圖片寬度大于容器寬度時，圖片將縮小到適應容器。
總結起來，使用CSS調整圖片比例的方式有兩種：固定比例和最大寬度。當我們需要控制圖片大小時，可以選擇其中一種方法進行調整。