0

Использую простой слайдер: http://kenwheeler.github.io/slick/#demos

Надо чтобы слайды растягивались на всю высоту экрана браузера(на разных разрешениях.)

Задал так:

  .slick-slide img {  
    object-fit: cover;
    max-height:100%;
    min-height:100%;
    height:100%;
    display: block;
    width:100%;
  }

И для контейнера:

.header-slide {
position: relative;
width: 100%;
height: 100%;
}

Если просто эта картинка, то все работает: А с подключенным слайдером не растягивается до всей высоты окна: Возможен ли какой-то вариант решения?

1 ответ 1

0

Нашел решение, если кому надо:

.slider .slick-slide {
  height: 100vh;
}

.slide img {
  height: inherit;
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.