【发布时间】:2017-03-13 12:01:22
【问题描述】:
我正在使用 Bootstrap 4 alpha6,我正在寻找一种方法来为我的轮播中的图像设置最大宽度,同时保持纵横比。
设置height: auto; 似乎不起作用。
这是我的密码笔:http://codepen.io/anon/pen/bqWObN?editors=1100
感谢任何帮助。
【问题讨论】:
标签: html css image twitter-bootstrap
我正在使用 Bootstrap 4 alpha6,我正在寻找一种方法来为我的轮播中的图像设置最大宽度,同时保持纵横比。
设置height: auto; 似乎不起作用。
这是我的密码笔:http://codepen.io/anon/pen/bqWObN?editors=1100
感谢任何帮助。
【问题讨论】:
标签: html css image twitter-bootstrap
max-width 属性用于设置给定元素的最大宽度。 "Height:auto" 取div的max-height,如果你声明max-width,它将根据高度取宽度,表示保持纵横比..
.carousel-item img {
max-width: 100%;
height: auto;
}
【讨论】: