【问题标题】:How do I set max-width for an image in Bootstrap carousel and keep aspect ratio?如何在 Bootstrap 轮播中设置图像的最大宽度并保持纵横比?
【发布时间】:2017-03-13 12:01:22
【问题描述】:

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

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

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

感谢任何帮助。

【问题讨论】:

标签: html css image twitter-bootstrap


【解决方案1】:

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

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

【讨论】:

  • 你能补充一点解释吗?
  • 有人给我减分票...出于什么原因??开什么玩笑!
  • max-width 属性用于设置给定元素的最大宽度。 "Height:auto" 取 div 的最大高度,如果你声明最大宽度,它将根据高度取宽度,表示保持纵横比..
  • 感谢您的回复 -- 但是 -- cmets 是短暂的;请编辑您的问题以包含该信息。
猜你喜欢
  • 2013-06-21
  • 2021-02-09
  • 2014-02-06
  • 2015-01-21
  • 2013-07-29
  • 2020-11-11
  • 1970-01-01
  • 2021-06-12
  • 2018-09-28
相关资源
最近更新 更多