如何让轮播图的图片自适应占比100%呢

要让轮播图的图片自适应占比100%，可以使用CSS中的object-fit属性，该属性可以设置img标签的大小和位置，使其自适应其容器的大小，并保持其原始宽高比例。

具体实现方法如下：

1. 给图片所在的容器设置宽度和高度，例如：

<div class="slider">
  <img src="image.jpg">
</div>

<style>
  .slider {
    width: 100%;
    height: 500px;
  }
</style>

2. 给图片设置object-fit属性，例如：

.slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

其中，object-fit属性的值可以设置为cover、contain、fill、none、scale-down等，根据实际需求进行选择。例如，使用cover值可以让图片自适应容器大小，并保持其原始宽高比例，同时尽可能填充容器。