光滑在桌面上显示2行，6个项目，在移动设备上显示1行，1个项目
有人可以帮我弄清楚为什么我的代码不起作用？ 我想在全宽上完成2行和6个项目，在移动设备上尝试1个项目。
$('.your-class').slick({ slidesToShow: 1, rows:2, slidesPerRow: 3, responsive: [{ breakpoint: 500, settings: { arrows: true, infinite: false, rows:1, slidesPerRow: 1, slidesToShow: 1, } }] }); your content your content your content your content your content your content http://codepen.io/Kibs/pen/aNzvBG
谢谢
您必须在slick.js中更改一些代码，因此您必须使用未缩小的js版本来执行此操作。 所以，在slick.js中找到这两个方法：
- Slick.prototype.buildRows = function（）{…}
- Slick.prototype.cleanUpRows = function（）{…}
并将if条件从if（ .options.rows> 1）更改为if（ .options.rows> 0）
模板：
CSS：
.slick-slide{ img{ width: 100%; } }
JS：
$('.carousel').slick({ dots: true, slidesPerRow: 3, rows: 2, responsive: [ { breakpoint: 478, settings: { slidesPerRow: 1, rows: 1, } } ] });
这对我行得通。
此修订已合并https://github.com/kenwheeler/slick/commit/34612b42641e8fd4250f70666a8da67eb624d002
但警告：它有一些麻烦https://github.com/kenwheeler/slick/issues/3110