如何使用loryjs | Javascript减少移动设备中的幻灯片

我在我的项目中使用的是简单的代码，没有依赖关系。 除了它的响应性，一切都很好

它在桌面上显示4张幻灯片，在手机上显示4张幻灯片（宽度减小）

我希望它在桌面上显示4张幻灯片，在手机上显示4张幻灯片 如何实现这一点

用户断点
例如：

const options = [
    {
      breakpoint: null,
      settings: {
        infinite: 1,
      },
    },
    {
      breakpoint: '(min-width: 43.75em)',
      settings: {
        infinite: 2,
      },
    },
    {
      breakpoint: '(min-width: 75em)',
      settings: {
        infinite: 4,
      },
    },
  ];

也许这对你有帮助

下面是我在Slick Carousel中使用的代码，以使其具有响应性

slideConfig = {
    'slidesToShow': 5,
    'slidesToScroll': 5,
    'dots' : true,
    'infinite': false,
    'responsive': [
      {
        breakpoint: 1050,
        settings: {
          'slidesToShow': 3,
          'slidesToScroll': 3,
        }
      },
      {
        breakpoint: 600,
        settings: {
          'slidesToShow': 2,
          'slidesToScroll': 2,
        }
      },
    ],

  };