隨著移動設(shè)備的普及，網(wǎng)頁的自適應(yīng)性變得越來越重要。其中，圖片自適應(yīng)是一個重要的問題。特別是在輪播圖中，圖片的自適應(yīng)性顯得尤為重要。那么，如何使用CSS實現(xiàn)輪播圖中的圖片自適應(yīng)呢？

.carousel {
width: 100%;
height: 400px;
position: relative;
overflow: hidden;
}
.carousel img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.carousel .prev, .carousel .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 3rem;
color: #fff;
cursor: pointer;
z-index: 1;
}
.carousel .prev {
left: 0;
}
.carousel .next {
right: 0;
}

以上是輪播圖的CSS代碼。其中，我們通過設(shè)置輪播圖容器的寬度為100%、高度為400px來保證輪播圖的自適應(yīng)性。接著，我們使用object-fit: cover來使圖片自適應(yīng)輪播圖容器的大小。同時，我們將圖片的位置設(shè)置為絕對定位，并設(shè)置top: 0和left: 0，使其覆蓋在容器上方。

在上面的代碼中，我們還設(shè)置了輪播圖的上一頁和下一頁按鈕的樣式。它們都被設(shè)置為絕對定位，分別浮動在輪播圖的左右兩側(cè)。同時，我們將它們的字體大小設(shè)置為3rem，并將顏色設(shè)置為白色，以確保它們能夠被輪播圖的背景清晰地分辨出來。

通過以上的代碼，我們可以實現(xiàn)一個自適應(yīng)的輪播圖，并且它也可以很好地運行在移動設(shè)備上。