CSS是一種用于排版和樣式的語言，其中包含了很多有用的特性和功能。其中一個很有用的功能就是基于圖片比例進行排版。這個功能可以讓網頁設計師更方便地處理圖片布局，避免出現失真或者變形的情況。

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

以上代碼是一個基本的基于圖片比例的例子，它將圖片的寬度設置為100%并保持高度自適應，這樣可以確保圖片不會出現任何變形或失真。

除了以上例子之外，還有其他一些基于圖片比例的CSS技巧可以幫助你更好地處理圖片布局。例如，你可以使用background-size屬性來自動調整背景圖片的大小。

div {
background-image: url("background.jpg");
background-size: cover;
}

以上代碼為一個DIV元素添加了背景圖片，并且設置background-size屬性為cover，這意味著圖片會自動調整大小以填充整個元素，并保持其比例不變。

總之，基于圖片比例的CSS技巧可以讓你更好地處理網頁中的圖像布局，確保它們不會出現任何失真或變形。如果你想打造一個現代化的網站，這個技巧一定是必備的。