對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，圖片高度的不同可能導(dǎo)致頁(yè)面顯示不規(guī)整。但是，使用CSS可以輕松實(shí)現(xiàn)讓圖片高度一樣的效果。

/* CSS代碼 */
img {
height: 100px; /* 設(shè)置高度為100px */
object-fit: cover; /* 自適應(yīng)填充 */
}

首先，我們需要給圖片設(shè)置一個(gè)固定的高度。在上面的代碼中，我們將高度設(shè)置為100像素。

接下來(lái)，我們使用object-fit屬性自適應(yīng)填充。這個(gè)屬性可以讓圖片鋪滿整個(gè)容器，而不會(huì)產(chǎn)生變形。當(dāng)我們?cè)O(shè)置為"cover"時(shí)，圖片會(huì)被放大或縮小，直到鋪滿整個(gè)容器，同時(shí)保持寬高比不變。

使用這個(gè)CSS代碼，我們可以可以讓所有的圖片保持高度一致，并且不會(huì)變形。如果需要讓寬度也保持一樣，我們可以在容器上設(shè)置一個(gè)固定的寬度，然后讓圖片自適應(yīng)填充。

/* CSS代碼 */
.container {
width: 500px; /* 設(shè)置寬度 */
}
img {
height: 100px; /* 設(shè)置高度為100px */
width: 100%; /* 自適應(yīng)寬度 */
object-fit: cover; /* 自適應(yīng)填充 */
}

在上面的代碼中，我們?cè)O(shè)置容器的寬度為500像素。然后，我們讓圖片自適應(yīng)填充寬度，并保持高度為100像素。

通過(guò)這些簡(jiǎn)單的CSS代碼，我們可以讓網(wǎng)頁(yè)中所有的圖片高度保持一致，讓頁(yè)面看起來(lái)更加規(guī)整。