在前端開發中，CSS作為一種樣式表語言，不僅可以用來定義頁面布局、字體大小、顏色等，還可以用來設置網頁中元素的大小和比例。

在HTML中，可以通過標簽來插入圖片，而CSS樣式表可以為這個元素定義寬度和高度，以控制圖片的大小比例。

img{
width:500px; /*設置寬度*/
height:auto; /*讓高度自適應*/
}

在上面的代碼中，width屬性設置了圖片的寬度為500像素，而height屬性則指定圖片的高度自適應。這樣，即使圖片大小超過了500像素，它也會根據比例自動進行縮放，保持它們的寬度和高度比例不變。

如果想按比例縮放圖片，可以通過設置max-width或max-height屬性來限制圖片的最大寬度或最大高度。

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

在上面的代碼中，max-width屬性設置為100%，這樣圖片的寬度不會超過其容器的寬度。而高度則自適應，以保持其比例不變。

總之，在使用CSS設置圖片大小和比例時，我們要根據具體的需求和效果來選擇適當的屬性和值。