CSS保持圖片長寬比例的方法是非常簡單的。我們只需要在CSS樣式表中設置一個屬性——aspect-ratio。這個屬性可以讓我們在保持圖片比例的同時縮放圖片的大小。

img {
aspect-ratio: 16/9; /* 寬高比為16:9 */
width: 100%; /* 圖片寬度為100% */
height: auto; /* 圖片高度自動適應 */
}

在上面這段代碼中，我們首先給標簽設置了一個寬高比，這里是16:9。然后我們把圖片的寬度設置為100％，這樣圖片的寬度就自動適應了容器元素的寬度。最后，我們把圖片的高度設置為自動適應，這樣圖片就會按照它的長寬比例縮放。

如果你想給圖片設置另一個不同的寬高比，只需要在上面的代碼中更改“ aspect-ratio”屬性的值即可。

img {
aspect-ratio: 3/2; /* 寬高比為3:2 */
width: 100%; /* 圖片寬度為100% */
height: auto; /* 圖片高度自動適應 */
}

總之，設置aspect-ratio屬性可以讓我們輕松地保持圖片比例的同時縮放圖片的大小。這種方法讓我們的網站更美觀、更專業，也可以提高用戶體驗。