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

Ссылка скопирована
1 ответ

Поставил слайдер swiper, подключил и почему то ширина слайдера уходит в какую то бесконечность.
style="width: 3.35544e+07px; margin-right: 20px;"
Нашел решение что помогает min-width:0; задал контейнеру swiper но ситуацию это не исправило.

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

Дополнительно:

Не совсем понял проблематику. Поставьте нужное вам значение для width

  • Потому что, слайдер никак не ограничен
  • Стоит проверить нет ли у родителя display: grid или flex.
  • Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Никита Орлов Ответ

    Для того чтобы изменить ширину слайдов в Swiper, нужно использовать параметр slidesPerView в настройках и указать количество слайдов, которые будут видимы одновременно на экране. Однако, если у вас возникают проблемы с шириной слайдов, то это может быть связано с несколькими возможными причинами.

    1. Неправильные настройки CSS: Убедитесь, что у вас нет стилей, которые могут влиять на ширину слайдов, такие как ширина контейнера слайдера или паддинги вокруг слайдов. Также убедитесь, что у вас нет стилей, которые могут переопределять стили Swiper.

    2. Неправильные настройки Swiper: Проверьте все параметры, которые вы передаете в инициализацию Swiper, убедитесь, что slidesPerView установлен корректно и не пересекается с другими параметрами, такими как spaceBetween или breakpoints.

    3. Проблемы с контентом слайдов: Если у вас в слайдах есть контент с фиксированной шириной, то это может привести к проблемам с отображением. Попробуйте установить параметр slidesPerView: 'auto', чтобы позволить Swiper автоматически рассчитывать ширину слайдов исходя из их содержимого.

    4. Версия Swiper: Убедитесь, что вы используете последнюю версию Swiper, так как в более ранних версиях могут быть ошибки и проблемы с шириной слайдов, которые уже исправлены в новых версиях.

    Пройдя по этим шагам, вы сможете исправить проблему с безумной шириной слайдов в Swiper и настроить их под свои нужды. Если у вас остались дополнительные вопросы или проблемы, не стесняйтесь обращаться за помощью.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно