Css 转盘高度调整

我想以矩形（高度）显示旋转木马

您可以在此处查看我的代码：

<div>
                <NavBar/>
                <div className="carousel-wrapper">
                    <Carousel width={"40%"}>
                        {
                            this.state.images.map((photo, index) => (
                                <div>
                                    <img src={photo}/>
                                </div>
                            ))
                        }


                    </Carousel>
                </div>
            </div>

{
this.state.images.map（（照片，索引）=>(
))
}

根据@Awais的建议，我为图像添加了以下样式：

Carousel autoPlay={true}showArrows={true} width={"70%"} showIndicators={true} infiniteLoop={true} >
                            {
                                this.state.images.map((photo, index) => (
                                    <div>
                                        <img src={photo} style={{width: "100%", height:"400px",objectFit:"cover"}}/>
                                    </div>
                                ))
                            }
                        </Carousel>

Carousel autoPlay={true}显示箭头={true}宽度={“70%”显示指示器={true}无限远={true}>
{
this.state.images.map（（照片，索引）=>(
))
}

然而，现在“建议缩略图”看起来很奇怪

---

如何更改所有尺寸？

正如您在下面的小提琴中所看到的，图像是由于

对象适合度：封面

属性而进行的一些裁剪，其与

背景尺寸：封面

将

img

样式应用于

carousel

中的图像，如果不适用，请尝试使用

！important

覆盖carousel样式

img{
宽度：100%；/*将其拉伸到最大宽度*/
高度：200px；/*您的图像为正方形高度*/
对象适合度：封面；/*封面图片*/
}

你能解释一点你所说的矩形高度是什么意思吗？这是不是意味着上面的图像覆盖了整个

宽度，但高度相同
高度
？是的，你是对的。但是当你看到你的图像是方形的，如果你想变成矩形，你必须在图像上妥协，因为它会切断，我会在下面贴一个例子图片上的e样式谢谢你的提示。它符合我的要求，但现在“建议缩略图”的高度也已更改。我已更新我的问题供您参考。您是否已将旋转木马宽度设置为
100%
？
否我已将其设置为100%。但即使我将其设置为100%，我仍面临相同的问题。您是否可以使用最新的代码进行更新，以便我可以看到问题所在is@RadhikaKulkarni你能检查一下那个元件并检查它是否正确吗父对象是否具有width属性，或者图像上给定的属性是否被覆盖？以及它们是否具有任何活动链接，以便我可以将其作为工作示例进行检查