在網頁設計中，圖片是一個重要的元素之一。而在網頁中，我們有時需要對圖片進行調整大小，但是我們又不希望圖片失真，這個時候就需要用到CSS保持圖片長寬比的技巧。

保持圖片長寬比的方法是通過CSS設置圖片的最大寬度、最大高度或者固定寬度、高度來實現的。下面我們來看看具體的代碼。

/*設置圖片的最大寬度和高度，保持長寬比*/
img{
max-width:100%;
max-height:100%;
}
/*設置圖片的寬度，高度自適應，保持長寬比*/
img{
width:100%;
height:auto;
}

通過這樣的代碼，我們可以保持圖片的長寬比，讓圖片在縮放的過程中不失真，讓整個頁面更加美觀。同時，我們也可以通過CSS對圖片進行其他樣式的調整，如添加邊框、陰影等等。

總之，在網頁設計中，CSS保持圖片長寬比是一個重要的技巧，我們在應用的時候一定要注意細節，讓網頁更加完美。