要创建自适应的轮播图，可以使用CSS中的flexbox布局和一些媒体查询。下面是一个简单的示例：
HTML代码:
<div class="slider">
<div class="slides">
<img src="image1.jpg" alt="Image 1">
<img src="image2.jpg" alt="Image 2">
<img src="image3.jpg" alt="Image 3">
</div>
</div>CSS代码:
.slider {
display: flex;
overflow-x: scroll;
}
.slides {
display: flex;
}
.slides img {
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.slider {
flex-wrap: wrap;
justify-content: center;
overflow-x: auto;
}
}在上面的示例中，我们首先将.slider元素的display属性设置为flex，以便它的子元素可以使用flexbox布局。然后，我们将.slides元素的display属性设置为flex，以便它的子元素可以在一行上排列。
接下来，我们将.slides img元素的width属性设置为100%，以便它们可以根据浏览器窗口的大小调整宽度。我们还将它们的高度设置为auto，以便它们可以保持原始比例。
最后，在媒体查询中，我们将.slider元素的flex-wrap属性设置为wrap，以便它的子元素可以换行。我们还将其justify-content属性设置为center，以便它们在水平方向上居中对齐。我们还将.slider元素的overflow-x属性设置为auto，以便用户可以滚动查看图像。
这只是一个简单的示例，您可以根据您的需要进行更改和定制。