sorry_i_noob
@sorry_i_noob

В слайдере slick-carousel некорректно работает responsive. Как исправить?

Есть такой код.
$('.last-reviews__items-wrap').slick({
        slidesToShow: 2,
        slidesToScroll: 2,
        infinite: true,
        accessibility: false,
        nextArrow: $('.slider-btn_dir_right.last-reviews__slider-btn'),
        prevArrow: $('.slider-btn_dir_left.last-reviews__slider-btn'),
        responsive: [
            {
                breakpoint: 993,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                }
            }
        ]
});

Цель - сделать так, чтобы на ширине 992 и меньше в слайдере можно было увидеть всего 1 слайд. На ширине больше 992 - два слайда.
Данный код с этой задачей справляется, но с оговоркой. Если уменьшать окно браузера, то все работает как надо. Если вместо этого включить режим посмотра на мобильных устройствах (Toggle device toolbar), то один слайд показывается только на 968.

Почему так? Как это исправить?
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ответы на вопрос 1
@FKV
В хеад прописать метатег
<meta name="viewport" content="width=device-width, initial-scale=1">
Ответ написан
Ваш ответ на вопрос

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

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