CSS是一種可以控制網頁樣式和布局的語言，而圖片在網頁設計中也是不可或缺的元素。但是，在使用圖片時我們通常會遇到一個問題，就是圖片大小的設置。通常，我們需要將圖片大小設置為固定值，但是這樣設置的缺點是，無法適應各種尺寸的屏幕，不能響應式地展示圖片。

解決這個問題的方法是使用CSS按比例設置圖片大小，這樣可以使圖片自適應不同大小的屏幕。

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

如上所示，我們可以使用CSS樣式將圖片的寬度設置為100%，高度自適應。

我們還可以在CSS中使用百分比來設置圖片大小，比如下面的例子：

.img{
width:30%;
height:auto;
 }

這種方式可以將圖片的大小設置為屏幕寬度的30%，這樣無論屏幕的尺寸如何，圖片都會按比例縮放。

除了百分比之外，我們還可以使用max-width屬性來設置圖片的最大寬度，這樣可以防止圖片在大屏幕上顯示過大而導致變形。

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

上述代碼使得圖片的寬度最大不超過屏幕寬度，當圖片尺寸超過屏幕寬度時，圖片會按比例縮小。

總的來說，CSS按比例設置圖片大小是一種相對簡單且有效的方法，可以達到自適應不同屏幕尺寸的效果，讓網站在各種設備上都能夠展示得更為美觀。