html - Bootstrap 轮播在 Chrome 和 Opera 中没有响应

<分区>

我遇到一个问题，即在调整窗口大小时，Bootstrap 轮播会拉伸(stretch)或挤压轮播内的图像。即使宽度和高度属性与图像大小匹配，它也会垂直拉伸(stretch)我的图像。

我已经尝试过关于 SO 的所有答案，例如将 min-width: 100%; 设置为 .carousel img 类，等等。我的代码直接来自 Bootstrap 网站，我注意到其中的图像做同样的事情。

奇怪的是，它会根据 Edge 和 Firefox 中的窗口完美调整大小。轮播中的图像看起来与预期的一样，但在 Chrome 和 Opera 中打开会产生完全不同的东西。

感谢任何帮助。

最佳答案

我认为您已经为图片指定了高度。

只需确保保持高度自动和宽度 100%。

.carousel img{ width:100%; height:auto;}

关于html - Bootstrap 轮播在 Chrome 和 Opera 中没有响应，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42388724/

相关文章：

php - 从不同的 html 页面插入一个数据库行