小编Boj*_*zic的帖子

Slick 在桌面上显示 2 行,6 个项目,在移动设备上显示 1 行,1 个项目

有人能帮我弄清楚为什么我的代码不起作用吗?我正在尝试在全宽上完成 2 行和 6 个项目,在移动设备上完成 1 行和 1 个项目。

$('.your-class').slick({
        slidesToShow: 1,
  rows:2,
  slidesPerRow: 3,
    responsive: [{ 
        breakpoint: 500,
        settings: {
            arrows: true,
            infinite: false,
              rows:1,
  slidesPerRow: 1,
            slidesToShow: 1,    
        } 
    }]
});

<div class="your-class">
      <div class="">your content</div>
      <div class="">your content</div>
      <div class="">your content</div>
      <div class="">your content</div>
      <div class="">your content</div>
      <div class="">your content</div>
</div>
Run Code Online (Sandbox Code Playgroud)

http://codepen.io/Kibs/pen/aNzvBG

谢谢

jquery slick.js

1
推荐指数
1
解决办法
2万
查看次数

标签 统计

jquery ×1

slick.js ×1