Bootstrap Carousel，选择高度

Question

我正试图在引导程序中设置我的旋转木马的高度。如果我将高度设置为700px，则旋转木马看起来就像垃圾一样响应。那么如何解决这个问题，使我的旋转木马在桌面和智能手机等上看起来不错？什么应该适当的高度？

Answer 1

您可以尝试vh and vw视口高度和宽度

.class{ 
  width: 50vw; 
  height: 50vh;       
}

  

使用vw / vh，我们可以将元素大小相对于大小   视。 vw / vh单位很有意思，1单位反映   视口宽度的1/100。使元素成为全宽   例如，对于视口，您将其设置为宽度：100vw。

有关详情 refer 此链接

1vw =视口宽度的1％
1vh =视口高度的1％
1vmin = 1vw或1vh，以较小者为准 1vmax = 1vw或1vh，以较大者为准

Answer 2

也许您应该尝试使用百分比而不是固定高度，例如40％。