@tryingtounderstand
Учусь думать

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

Добрый день. Подскажите пожалуйста совсем начинающему, в чем я затупил. Пробую сделать фуллскрин слайдер, но при подключении jquery он не разворачивается на весь экран. Заранее благодарю
Ссылка jsfiddle
  • Вопрос задан
  • 100 просмотров
Пригласить эксперта
Ответы на вопрос 2
bingo347
@bingo347 Куратор тега JavaScript
Бородатый программер
Слайдер растягивается содержимым, слайдам просто не от чего считать 100% высоты, которые им заданы
.slider__slide {
  /* изменяем внешний контейнер на viewport величины */
   height: 100vh;
   width: 100vw;
}
/* прописываем высоту внутренним контейнерам */
.slick-list, .slick-track {
  height: 100%;
}
Ответ написан
Benzin102
@Benzin102
Shitcoder
У тебя 100vh и 100vw перезатираются стилями слайдера. Как вариант, пропиши 100vh !important; и 100vw !important, но в идеале как то иначе с этим разобраться, например перепиши стили слайдера \ отключи стандартные стили и полностью свои добавь, настройки разные покрути.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
26 окт. 2020, в 10:48
3000 руб./за проект
26 окт. 2020, в 10:42
30000 руб./за проект
26 окт. 2020, в 10:18
50000 руб./за проект