如何自动设置光滑轮播的高度答案

【问题标题】：How to automatically set height of slick carousel如何自动设置光滑轮播的高度
【发布时间】：2016-12-02 10:30:44
【问题描述】：

我正在使用光滑的花盘进行测试。我目前正在硬编码幻灯片的高度：

<div class="slides">
    <div>slide a</div>
    <div>slide b</div>
    <div>slide c</div>
</div>

CSS：

.slides {
    height: 200px;
}

不过，我希望轮播自动成为最高幻灯片的高度。有没有办法做到这一点？

【问题讨论】：

【解决方案1】：

$('.class').slick({
adaptiveHeight: true
});

添加adaptiveHeight 设置图片的自动高度

【讨论】：

【解决方案2】：

.slick-slide {
  height: 0px!important;
 }
 .slick-slide.slick-active {
    height: 100% !important;  
 }

以上 CSS 可能会有所帮助

【讨论】：