Bootstrap Carousel跳高

Question

我有一个react-bootstrap轮播。

由于图像大小不同，它在滚动时会跳转，但是如果我给它们分别设置大小weight: 1309px和height: 730px-我会失去响应能力，并且在每台设备上只有730px的height，并且不会调整大小以进行响应。

如何解决每张照片都具有相同大小（不允许旋转木马跳跃）并保持响应速度的问题？

看看图片，以及箭头如何跳到不同的高度：

！[Bootstrap Carousel Screenshot] [1]

这是我的代码：

<div id="carousel-container">
  <Carousel>
    <Carousel.Item>
      <img src={firstImg} />
      <Carousel.Caption>
        <h3>Niagara Falls</h3>
        <p>One of the most famous wonders of nature is Niagara Falls.</p>
      </Carousel.Caption>
    </Carousel.Item>
    <Carousel.Item>
      <img src={secondImg} />
      <Carousel.Caption>
        <h3>Monuments Valley</h3>
        <p>Monument Valley is a region of the Colorado Plateau characterized by a cluster of vast sandstone buttes.</p>
      </Carousel.Caption>
    </Carousel.Item>
    <Carousel.Item>
      <img src={thirdImg} />
      <Carousel.Caption>
        <h3>Grand Canyon</h3>
        <p>The Grand Canyon is a famous canyon in Arizona.</p>
      </Carousel.Caption>
    </Carousel.Item>
  </Carousel>
</div>