react-bootstrap / Carousel尺寸在幻灯片动画上增加

Question

[当圆盘传送带进行滑动动画处理时，如果尺寸固定为w-100，则物品的尺寸会增加到其正常尺寸。

我找不到在线上遇到相同问题的任何资源。这是针对react-bootstrap / Carousel库的，它是一个列表项。

任何帮助将不胜感激！

<ListItem>
  <Paper>
    <Carousel interval={false} activeIndex={index} onSelect={this.handleSelect}>
      <Carousel.Item>
        <img
          className="d-block w-100"
          src="https://picsum.photos/200"
          alt={listing.address}
        />
      </Carousel.Item>
      <Carousel.Item>
        <img
          className="d-block w-100"
          src="https://picsum.photos/200"
          alt={listing.address}
        />
      </Carousel.Item>
    </Carousel>
  </Paper>
</ListItem>;

Answer 1

尝试通过创建CSS类在object-fit: cover; img中使用className属性