javascript - 添加 100% 宽度的 Nuka slider 在 react 中拉伸(stretch)我的图像

Question

我有一个包含六张图片的旋转木马，可以使用 Nuka Carousel 无限运行 当我看到页面上的图像时，它们的宽度被拉伸(stretch)了。查看控制台后，我发现 nuka slider 类为图像增加了 100% 的宽度，禁用它可以修复图像。

.slider-slide > img {
    width: 100%;
    display: block;
}

有没有办法禁用宽度以使图像不会被拉伸(stretch)？

Answer 1

我的解决方案如下。图像不会全屏拉伸(stretch)。

img.your-class-name {
  background-repeat: no-repeat;
  min-width: 100%;
  width: 100%;
  height: 100%;
}