html - 如何在 Bootstrap 轮播中为图像设置最大宽度并保持纵横比？

Question

我正在使用 Bootstrap 4 alpha6，我正在寻找一种方法来为轮播中的图像设置最大宽度，同时保持宽高比。

设置 height: auto; 似乎不起作用。

这是我的代码笔:http://codepen.io/anon/pen/bqWObN?editors=1100

感谢任何帮助。

Answer 1

max-width 属性用于设置给定元素的最大宽度。 "height:auto"取div的max-height，如果你声明max-width，它会根据高度取宽度，意味着保持纵横比..

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