Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.03.2020, 00:58
Аспирант
Отправить личное сообщение для Timurkin Посмотреть профиль Найти все сообщения от Timurkin
 
Регистрация: 12.08.2017
Сообщений: 50

Изображения слайдера 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

Возможен ли какой-то вариант решения?
Ответить с цитированием
  #2 (permalink)  
Старый 15.03.2020, 11:21
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,794

https://jsfiddle.net/tdwgn0om/
https://caniuse.com/#feat=viewport-units
Ответить с цитированием
  #3 (permalink)  
Старый 15.03.2020, 17:09
Аспирант
Отправить личное сообщение для Timurkin Посмотреть профиль Найти все сообщения от Timurkin
 
Регистрация: 12.08.2017
Сообщений: 50

Сообщение от Nexus Посмотреть сообщение
https://jsfiddle.net/tdwgn0om/
https://caniuse.com/#feat=viewport-units
Большое спасибо, то что нужно!
В который раз убеждаюсь, что это самый адекватный и полезный форум, всегда помогут и подскажут!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Slick Slider. Изменение позиции переключателей. LLIypuk jQuery 1 19.09.2017 12:57
Задача по Slick Slider Frankie_peddler jQuery 6 15.04.2017 21:50
Слайдер на всю высоту экрана! LLIypuk jQuery 3 11.02.2017 16:30
Отображение модального окна со slick slider Drm1804 jQuery 3 23.03.2015 17:01
div float left на всю высоту nyols (X)HTML/CSS 1 20.08.2011 21:13