@GovnoKoder_ITS
Мне 16 лет, начинающий front-end разработчик

Почему из за контейнера не адаптируется ширина swiper js?

Всем привет.

Я использую слайдер swiper js, и при уменьшении размера экрана swiper-slider не адаптирует свою длину
60b4fb138a481456600885.jpeg

Понял, что это происходит из за контейнера в котором находиться слайдер
.section {
    position: relative;
    width: 1140px;
    margin: 0 auto;
}


Но почему это происходит ?

codePen: https://codepen.io/GovnoKoder/pen/bGqadrB
  • Вопрос задан
  • 27 просмотров
Решения вопроса 1
@mikhailivanko
Потому что при уменьшении размера экрана .section все еще остается 1140px.
Вы хоть до 320px уменьшите размер экрана, .section все равно останется 1140px.
А так как .swiper лежит внутри .section, то он зависит от размеров родителя.
Сделайте так:
.section {
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы