猫头鹰传送装置100%的高度(Owl carousel 100% height)

2019-10-22 15:47发布

我有猫头鹰转盘2有点问题,

这是老版本的我的网站, http://lukaszradwan.com/pl/请看看主滑块。 这不是猫头鹰旋转木马,我不知道它是什么,但它工作正常(高度设置为100%) - 这是太重了。

我已经改变了它猫头鹰旋转木马,请参阅本http://lukaszradwan.com/它的响应,但我不能设置高度为100%。

JS

$('.owl-carousel').owlCarousel({
items:1,
margin:0,
loop:true,
nav:true
});

HTML

      <div class="slider_container">
      <div class="owl-carousel">
<div class="item"><img src="img/banners/slajd.jpg" alt="The Last of us">   </div>

<div class="item"><img src="img/banners/slajd.jpg" alt="The Last of us"></div>
<div class="item"><img src="img/banners/slajd.jpg" alt="The Last of us"></div>




      </div>
  </div>
</div>

如果您有任何想法,如何做到这一点,请与我分享。 提前致谢。

Answer 1:

我解决了与CSS移动100%的高度问题。 我知道这是不是最好的解决办法,但至今工程...

.header-carousel.owl-carousel.owl-theme.owl-loaded.owl-drag,
.header-carousel .owl-stage-outer,
.header-carousel .owl-stage,
.header-carousel .owl-item,
.header-carousel .item,
.header-carousel .owl-item,
.header-carousel .img-responsive{
    height: 100vh;
    object-fit: cover;
}


文章来源: Owl carousel 100% height