CSS中，圖片等比顯示是一個非常重要的概念。如果不進行等比縮放，圖像可能會扭曲或者變形，從而影響整個網頁的美感和用戶體驗。在CSS中，可以使用幾種方式來實現圖片等比顯示。 第一種方法是使用max-width和max-height屬性。這種方法可以確保圖像按比例縮放，并且在達到某個最大值時停止縮放。這樣一來，無論圖像大小如何，都不會超出所設定的最大值。使用方法如下： ``` img { max-width: 100%; max-height: 100%; } ``` 第二種方法是使用object-fit屬性。這個屬性可以自適應圖片的寬度或者高度，并填充滿所在容器的大小。它有幾個選項，包括fill、contain、cover等等。其中，填充最完全的方式是cover，使用方法如下： ``` img { width: 100%; height: 100%; object-fit: cover; } ``` 第三種方法是使用background-image屬性。這種方法適用于背景圖片，在容器中自適應大小，以免圖片在較大的屏幕上變得模糊。使用方法如下： ``` .container { background-image: url('path/to/image.jpg'); background-size: cover; background-position: center center; } ``` 總的來說，這三種方式都可以實現圖片等比顯示。選擇哪種方式要根據具體情況進行抉擇，確保網頁保持良好的視覺效果和用戶體驗。