在Slick Slider中断点的用途是什么?

我正在尝试在我的页面上实现一个光滑的滑块。在浏览Slick文档时,他们提到要以响应的方式使用Slider,请遵循下面发布的代码。我不明白断点的用法。有人能给我解释一下密码吗?我试着用谷歌搜索,但没找到解决办法。我把我的代码贴在下面了,请看一下。

$('.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
 ]
});