Slick.js插件在iPad Safari中未显示正确的滑块

Question

我有一个slickjs插件，可以在Firefox，Safari和Chrome等浏览器中正确显示垂直滑块和主横幅滑块。

在使用Safari的iPad上，滑块不正确可见，我必须使用三个横幅滑块，但滑块在垂直方向上逐一显示。

<section id="slider">
<div class="slider-img">
            <div class="slide-banner" style="background: url(images/banner.jpg)">
                <div class="overly">
                    <div class="banner-content">
                        <div class="container text-center">
                            <div class="banner-text">
                            <h2>WELCOME <span style="color:#51971d;">MACROID</span></h2>
                            <p>MOBILE APPS - WEBSITES - SOFTWARE TRAINING - CONSULTING</p>                                                      
                            </div>
                        </div>
                    </div>
                </div>
            </div>