我对猫头鹰旋转木马 2 有一个小问题,
这是我网站的旧版本,http://lukaszradwan.com/pl/ http://lukaszradwan.com/pl/请看一下主滑块。这不是猫头鹰旋转木马,我不知道它是什么,但它工作正常(高度设置为 100%) - 而且它太重了。
我已经把它改成了猫头鹰轮播,看这个http://lukaszradwan.com/ http://lukaszradwan.com/它有响应,但我无法将高度设置为 100%。
JS
$('.owl-carousel').owlCarousel({
items:1,
margin:0,
loop:true,
nav:true
});
超文本标记语言
<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>
如果您有任何想法如何做到这一点,请与我分享。
提前致谢。
我用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;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)