swiper不同分辨率item

要在不同的分辨率下使Swiper轮播图的item大小不同，你可以使用CSS media查询来设置不同分辨率下的CSS样式。下面是一个示例：

HTML代码：

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">Slide 1</div>
    <div class="swiper-slide">Slide 2</div>
    <div class="swiper-slide">Slide 3</div>
  </div>
</div>

CSS代码：

.swiper-slide {
  height: 200px;
}

@media screen and (max-width: 768px) {
  .swiper-slide {
    height: 150px;
  }
}

@media screen and (max-width: 480px) {
  .swiper-slide {
    height: 100px;
  }
}

在上面的示例中，我们设置Swiper轮播图的item默认高度为200px。然后，在max-width为768px和480px的情况下，我们使用@media查询来设置不同的高度，以适应不同的分辨率。当屏幕宽度小于等于768px时，item的高度将变为150px；当屏幕宽度小于等于480px时，item的高度将变为100px。通过这种方式，我们可以根据不同的分辨率设置不同的item大小。