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.

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

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

Войти через центр авторизации
Похожие вопросы
Admitad Projects Москва
от 170 000 до 240 000 ₽
Fundraise Up Санкт-Петербург
от 2 500 до 3 500 $
от 5 000 до 6 500 $