CSS中object-fit: cover；

object-fit: cover; 是CSS中的一个属性值，用于设置替换元素（如<img>、<video>等）的内容如何适应到其使用的高度和宽度定义的框内。当你使用这个值时，元素的内容（比如一张图片）会被缩放以完全覆盖元素的整个内容框（即元素指定的宽高区域），同时保持其宽高比。这意味着图片的内容可能会被裁剪以适应框的尺寸。

具体来说，object-fit: cover; 的效果是：

• 图片的宽高比会被保留。
• 图片将被缩放，直到其宽度或高度恰好等于元素框的相应尺寸（取决于图片的原始宽高比和元素框的宽高比）。
• 如果图片的宽高比与元素框的宽高比不同，那么图片的某些部分将不可见，因为图片将被裁剪以完全覆盖元素框。

这种效果在需要确保图片完全填充某个区域（比如轮播图、背景图等）时非常有用，尽管这可能会导致图片的某些部分被裁剪掉。

object-fit 属性还有其他几个值，包括：

• fill：默认值，不保持图片的宽高比，图片可能被拉伸或压缩以适应内容框。
• contain：保持图片的宽高比，确保图片完全显示在内容框内，但可能不会完全覆盖整个内容框。
• none：保持图片的宽高比和原始尺寸，图片可能会被完全包含在内容框内，但也可能会有空白区域。
• scale-down：就像none或contain的效果，具体取决于哪个效果能让图片在内容框内看起来更小，但不会让图片的大小超过其原始尺寸或contain的效果。

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }