Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Изображения слайдера slick-slider во всю высоту экрана (https://javascript.ru/forum/xhtml-html-css/79725-izobrazheniya-slajjdera-slick-slider-vo-vsyu-vysotu-ehkrana.html)

Timurkin 15.03.2020 00:58

Изображения слайдера slick-slider во всю высоту экрана
 
Использую простой слайдер:
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%;
}

Если просто эта картинка, то все работает:
http://wallwood.house/test/
А с подключенным слайдером не растягивается до всей высоты окна:
http://wallwood.house

Возможен ли какой-то вариант решения?

Nexus 15.03.2020 11:21

https://jsfiddle.net/tdwgn0om/
https://caniuse.com/#feat=viewport-units

Timurkin 15.03.2020 17:09

Цитата:

Сообщение от Nexus (Сообщение 521323)

Большое спасибо, то что нужно! :yes:
В который раз убеждаюсь, что это самый адекватный и полезный форум, всегда помогут и подскажут!


Часовой пояс GMT +3, время: 08:20.