有以下幾種方法可以實現 CSS 圖片的自適應不變形：
使用 background-size 屬性：可以通過設置 background-size: cover 或 background-size: contain 來實現背景圖的自適應不變形。cover 會將背景圖縮放到完全覆蓋容器，并保持圖像的原始寬高比例，可能會有部分圖像被裁剪。contain 會將背景圖縮放到完全包含在容器內，同時保持圖像的原始寬高比例，可能會有部分容器空白。根據具體需求選擇合適的屬性值。
使用 object-fit 屬性： object-fit 屬性可以設置在 <img> 標簽上，可以通過設置 object-fit: cover 或 object-fit: contain 來實現圖像的自適應不變形。cover 會將圖像縮放到完全覆蓋容器，并保持圖像的原始寬高比例，可能會有部分圖像被裁剪。contain 會將圖像縮放到完全包含在容器內，同時保持圖像的原始寬高比例，可能會有部分容器空白。
使用 <svg> 標簽： <svg> 標簽可以根據容器大小自動縮放其內部的圖形，可以實現圖像的自適應不變形。使用 <svg> 標簽可以繪制矢量圖形，而不會出現像素失真。
使用 max-width 和 max-height 屬性：可以通過設置 max-width: 100% 和 max-height: 100% 來實現圖像的自適應不變形。這樣可以確保圖像不會超出容器的最大寬度和高度。同時，需要將圖像的寬度和高度設置為 auto，以保持圖像的原始寬高比例。
這些方法可以根據具體需求選擇合適的方式來實現 CSS 圖片的自適應不變形。
