CSS中圖片長(zhǎng)寬比的設(shè)置是在網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)中必不可少的一環(huán)。當(dāng)圖片使用不當(dāng)或者長(zhǎng)度寬度比例不對(duì)時(shí)，會(huì)導(dǎo)致布局混亂或圖片變形。

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

上述代碼是一個(gè)常見(jiàn)的圖片尺寸設(shè)置。在這個(gè)設(shè)置中，圖片的寬度最大不超過(guò)它的容器，而高度根據(jù)圖片的比例自動(dòng)調(diào)整。它可以保證圖片不變形，以及在不同分辨率下顯示正常。

如果想要控制圖片的尺寸而不失真，可以按照下面的代碼進(jìn)行設(shè)置：

img {
width: 500px;
height: 300px;
object-fit: cover;
}

在這個(gè)設(shè)置中，圖片的寬度為500像素，高度為300像素。Object-fit屬性保證當(dāng)圖片比例和容器比例不同時(shí)，圖片也能按比例縮放并且不超出容器。Cover屬性表示圖片會(huì)完全覆蓋容器。

總之，在設(shè)置CSS中圖片長(zhǎng)寬比方面，需要考慮圖片的尺寸、容器的尺寸以及圖片的比例。只有通過(guò)巧妙設(shè)置和調(diào)整，才能達(dá)到美觀、布局合理的效果。