javascript - 如何在 Glide.js 中将 slideWidth 添加到断点中

Question

如果视口在一个范围之间，我必须将幻灯片宽度设置为特定大小。

breakpoints: {
   767: {
      perView: 1,
      peek: 193,
      slideWidth: 277
   },
   1023: {
       perView: 1,
       peek: 212,
   }
}

该文档指出您可以在设置中使用 slideWidth，所以我假设它在断点中，但是没有关于如何做到这一点的示例，我也没有找到它的示例。整个界面是响应式的，所以即使 slideWidth 在幕后工作，幻灯片的宽度无论如何都会改变。

我也尝试过使用纯 CSS，但 Glide 当然会负责并在发生调整大小事件时覆盖。也尝试使用纯 JS 并自己测量视口，但 Glide.js 再次负责并且界面正在偏移，因此幻灯片移动了一点并且与屏幕不匹配。

Answer 1

这是关于如何使用断点的代码笔https://codepen.io/tfoh/pen/zjqzZo

new Glide('#glide1', {
    type: 'carousel',
    perView: 3,
    breakpoints: {
        800: {
            perView: 1
        }
    }
}).mount();