CSS是Cascading Style Sheet的縮寫，翻譯為層疊樣式表，是一種用于網頁設計的語言。

其中一個常用功能就是改變圖片的比例，使它適應不同的屏幕尺寸或者布局。

下面看一下代碼如何實現：

/*HTML代碼*/
<img src="example.jpg" alt="example" class="img-resize">
/*CSS代碼*/
.img-resize {
max-width: 100%;
height: auto;
}

解釋一下代碼的含義：

首先，HTML代碼中引用了一張圖片，并定義了class為“img-resize”，這樣CSS代碼就可以通過這個class來操作圖片。

CSS代碼中，“max-width: 100%;”將圖片的最大寬度設為100%，這樣圖片會自動縮小以適應其容器的寬度。同時，“height: auto;”可以保證圖片的高度會隨著寬度的改變而自適應。

這樣，就可以很方便地實現圖片的自適應比例，讓網頁在不同的設備上都能夠呈現出最佳的效果。