Html 更改转盘宽度

我有一个旋转木马，显示不同类型的图像。它们有不同的宽度和高度我正在使用引导转盘。

有了高度，就没有问题了，它会随着图像显示的变化而变化。但就宽度而言，它始终具有相同的宽度（如屏幕截图所示，比所有图像都大）：

我的转盘代码是下一个：

<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel" margin: 0 auto">

    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <asp:Repeater ID="repeaterImages" runat="server">
            <ItemTemplate>
                <div class="carousel item <%# (Container.ItemIndex == 0 ? "active" : "") %>">
                    <asp:Image ID="Image1" ImageUrl='<%# Eval("FileName") %>' runat="server" />
                </div>
            </ItemTemplate>
        </asp:Repeater>
    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
</div>

根据图像高度更改旋转木马高度是更常见的场景，而更改旋转木马宽度则是更具体的场景。我认为这就是为什么默认情况下它是这样实现的。通常最好的方法是将图像预筛选为具有相同大小，因此在这种情况下，您不必关心旋转木马大小的更改

但是，您可以使用以下方法更改转盘宽度：

请参阅一个
我将其添加到我的css中：

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}

引导-内联样式

或者
class=“carousel slide w-75”
您可以为旋转木马提供css吗？我正在使用bootstraptry并使用您自己的css解决它。如果遇到问题，请在此处提问，但首先为自己尝试。我提问是因为我以前尝试过，但没有任何好的结果，我发布了我的最佳尝试…您实际使用的Bootstrap版本是什么？我和您一样尝试，但不起作用，它仍然起作用
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}