光滑滑块中的断点有什么用？

Question

我正在尝试在我的页面上实现一个灵活的滑块。在浏览精巧的文档时，他们提到要以响应方式使用滑块，请遵循代码（我已在下面发布）。我无法理解断点的使用。谁能给我解释一下代码。我尝试使用谷歌搜索但没有找到解决方案。我已经在下面粘贴了我的代码，请通过。

$('.responsive').slick({
 dots: true,
infinite: false,
speed: 300,
slidesToShow: 4,
slidesToScroll: 4,
responsive: [
  {
  breakpoint: 1024,
  settings: {
    slidesToShow: 3,
    slidesToScroll: 3,
    infinite: true,
    dots: true
  }
  },
  {
  breakpoint: 600,
  settings: {
    slidesToShow: 2,
    slidesToScroll: 2
  }
  },
{
  breakpoint: 480,
  settings: {
    slidesToShow: 1,
    slidesToScroll: 1
  }
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
 ]
});

Answer 1

断点指的是屏幕宽度触发下面settings处的逻辑。具体来说，它们将触发到指定值（以像素为单位）。

在您上面的示例中，这与以下内容相关：

480 像素及更窄：显示 1 张幻灯片
481px 到 600px：显示 2 张幻灯片
601px 到 1024px：显示 3 张幻灯片（无限循环）
1025 像素及更宽：显示 4 张幻灯片

光滑滑块中的断点有什么用？

What is the use of Breakpoint in slick slider?

javascript

slick.js