Не работает vh, wh, в чем может быть причина?

Question

[Талгат Камбарбаев]

Добрый день. Подскажите пожалуйста совсем начинающему, в чем я затупил. Пробую сделать фуллскрин слайдер, но при подключении jquery он не разворачивается на весь экран. Заранее благодарю
Ссылка jsfiddle

Answer 1

[Дмитрий Беляев]

Слайдер растягивается содержимым, слайдам просто не от чего считать 100% высоты, которые им заданы

.slider__slide {
  /* изменяем внешний контейнер на viewport величины */
   height: 100vh;
   width: 100vw;
}
/* прописываем высоту внутренним контейнерам */
.slick-list, .slick-track {
  height: 100%;
}

Answer 2

[Pashok Doom]

У тебя 100vh и 100vw перезатираются стилями слайдера. Как вариант, пропиши 100vh !important; и 100vw !important, но в идеале как то иначе с этим разобраться, например перепиши стили слайдера \ отключи стандартные стили и полностью свои добавь, настройки разные покрути.