小编Joh*_*ham的帖子

我正在与 swiperjs 的计算宽度作斗争。

我的滑块正在工作，但是我试图将其放置在我使用 CSS 网格创建的容器内，该容器有 2 列和 2 行，其中滑动器将进入第二行并且跨越两列。然而，宽度计算量是天文数字。我碰巧注意到，如果我调整窗口大小，它的计算也会变大。

我的设置也没有什么特别的...就像我说的，当它不在我的行中时它会起作用。

https://codepen.io/Johndgraham/pen/VwvmmZL

任何想法表示赞赏。

var swiper = new Swiper(".swiper-container", {
  slidesPerView: 1,
  spaceBetween: 10,

  // init: false,
  pagination: {
    el: ".swiper-pagination",
    clickable: true
  },
  breakpoints: {
    576: {
      slidesPerView: 2,
      spaceBetween: 20
    },
    992: {
      slidesPerView: 3,
      spaceBetween: 40
    },
    1200: {
      slidesPerView: 4,
      spaceBetween: 40
    }
  }
});