javascript - 高度未调整LayerSlider 5的大小

我无法使用最新版本的LayerSlider。我已经使用了全角响应演示中的所有内容，并阅读了所有选项，但是当我调整浏览器的大小时，高度不会更新。为了更加清晰，图像本身会缩放，但容器的高度保持不变。在文档中说必须给容器一个高度。

我的代码如下：

HTML：

<div id="LayerSlider" class="Slider">
    <div class="ls-slide" data-ls="transition2d:1;timeshift:-1000;">
        <img src="/Assets/Images/Layerslider/Banner1.jpg" class="ls-bg" alt="Slide background"/>
    </div>
    <div class="ls-slide" data-ls="transition2d:1;timeshift:-1000;">
        <img src="/Assets/Images/Layerslider/Banner2.jpg" class="ls-bg" alt="Slide background"/>
    </div>
</div>

jQuery的

$(document).ready(function () {
    $('#LayerSlider').layerSlider({
        responsive: false,
        layersContainer : 1178,
        responsiveUnder : 1500
    });
});

在文档中说必须使用响应式：false（如果要使用响应式Under，这将使其在指定宽度下响应）。

链接到LayerSlider http://kreaturamedia.com/layerslider-responsive-jquery-slider-plugin/

最佳答案

您需要做的就是将容器CSS内联。

<div id="LayerSlider" class="Slider" style="width:100%; height:427px;">