Html 引导响应旋转木马映像

我正在努力使我的引导转盘中的img响应。我尝试在css中更改高度和宽度，但似乎不起作用。 我希望高度为100vh，宽度为img的宽度。溢出部分可以隐藏，但img必须按比例调整。现在，当屏幕变小时，它看起来是这样的。

这是密码

@仅媒体屏幕和（最大宽度：768px）{
.carousel-inner>.item>img{
高度：100vh；
宽度：自动；
溢出：隐藏；
}
}

---

如果您只关心适合视口的高度，那么只需设置高度而不是宽度，就可以了

请记住，您将此代码包装在

@media

查询中，这意味着这些样式仅在满足查询条件时应用

.carousel-inner>.item>img{
高度：100vh；
//宽度：自动；
溢出：隐藏；
}

---

如果您只关心适合视口的高度，那么只需设置高度而不是宽度，就可以了

请记住，您将此代码包装在

@media

查询中，这意味着这些样式仅在满足查询条件时应用

.carousel-inner>.item>img{
高度：100vh；
//宽度：自动；
溢出：隐藏；
}

我试过了，但仍会挤压img我试过了，但img仍会挤压