純CSS屏幕自適應輪播圖是一種在網頁上展示圖片的方法，它能夠根據不同屏幕大小自動調整圖片大小和位置。以下是一份代碼示例：

.carousel {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
}
/* 設置圖片的位置和大小 */
.carousel img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
}
/* 設置下方的小圓點 */
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
display: flex;
}
.carousel-indicators li {
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 5px;
background-color: #fff;
cursor: pointer;
}
.carousel-indicators li.active {
background-color: #333;
}
/* 自動播放 */
.carousel img:first-child {
opacity: 1;
}
.carousel img:first-child + img {
animation: slide 6s linear infinite;
}
/* 設置輪播動畫 */
@keyframes slide {
0%, 100% {
opacity: 0;
}
2%, 98% {
opacity: 1;
}
}

代碼解析：

首先，我們創建了一個容器，設置寬度和高度，并將溢出部分隱藏。然后，對圖片進行定位，并設置寬度、高度和透明度，設定一個過渡效果。接著，我們創建了用于顯示當前圖片的小圓點，并對其進行樣式設置，并且為選中狀態的小圓點添加了特定樣式。最后，我們設置了一個自動輪播的方法，同時創建了一個動畫效果，讓圖片按照一定的規律運動。

總結：

純CSS屏幕自適應輪播圖是一種非常方便的展示圖片的方法，它不需要依賴任何JavaScript庫，只需一段簡單的CSS代碼就能實現。通過本文的示例，您可以了解如何創建一種簡單而流暢的輪播動畫。