Иметь проблемы с размером высоты Slick Slideshow с Centermode ⇐ CSS

[Anonymous]

Я использую Slick SlideShow для 3 изображений. Я хочу использовать Centermode, чтобы один слайд был полностью видна с равными частями двух других слайдов, показывающих левый и справа центральному слайду. Все работает нормально, когда мой содержащий Div составляет 80% от всего экрана на рабочем столе. Но когда я хочу сократить слайд -шоу до 50% ширины экрана, тогда только один слайд показывает без части других двух слайдов слева и справа. Кто-нибудь может посоветовать, пожалуйста? < /P>
Я использую версию Slick-1.8.1.














< /code>
css: < /p>
.screen {
position: relative;
width: 100%;
height: 100vh;
background-color: white ;
z-index: 3;
overflow: hidden;

}

.height-auto {
height: auto;
}

.slick-slide {
height: 50vh;
}

.slider img{
margin: 0 auto;
}

.slick-slide img {
height: 100%;
}
< /code>
js: < /p>
$('.ss-exposition').slick({
dots: true,
arrows: false,
swipe: true,
centerMode: true,
slidesToShow: 1,
centerPadding: '0px',
cssEase: 'linear',
variableWidth: true,
variableHeight: true
});


Подробнее здесь: https://stackoverflow.com/questions/797 ... centermode