Html 每当更改图像时，固定旋转木马图像大小

我的问题

我使用完全相同的代码从引导网站的旋转木马。但每当加载下一幅图像时，整个div都会改变高度和宽度。我已经根据stack overflow论坛的一些建议制作了

固定高度、100%宽度、overflow:hidden

等。但它不起作用

我的代码

.carousel项目img{
身高：100%！重要；
}
.传送带项目{
高度：500px；
溢出：隐藏；
}

我现在已将宽度固定，因此不再调整大小<编码>宽度：100vw。对我来说，高度已经确定了！希望这就是你需要的

.carousel项目img{
身高：100%！重要；
宽度：100vw；
}
.传送带项目{
高度：500px；
溢出：隐藏；
}

我可以通过组合jumbotron和其他一些调整来解决这个问题。见下面我的代码

.carousel项目img{
宽度：100%！重要；
高度：500px；
}
.传送带项目{
宽度：100%；
高度：500px；
}
琼伯伦先生{
padding top:56px；/*此填充仅用于调整“我的页面”的图像。可以相应地删除或调整*/
右边填充：0；
左侧填充：0；
填充底部：0；
页边距底部：0；/*添加此页边距也是为了适应我的页面情况。请相应地更改它*/
}

图像是否具有相同的高度，以及您修复了哪个元素的高度图像具有不同的高度和宽度。我将所有图像的高度和宽度固定为100%。但是让图像具有

width:100%的宽度是不可行的

并让高度自动，给出

.carousel-inner{height:yourheight px；overflow:hidden}

@M0ns1f:尝试过了。但是不起作用如果你不想图像失去它的比例，试试对象匹配：封面。它将裁剪图像，但保持其比例。这将显示与以前相同的结果。它不会将图像一直拉到边缘。我已经做了必要的更改以完全填充视口。：）只需改变宽度：100vw，以满足您的需要！！这个很好用。我已经给你的答案打勾了。与对象匹配：封面，这就像一个魅力。非常感谢：）