Javascript 如何为所有幻灯片指定相同的过渡速度，而不考虑其宽度？

如何为所有幻灯片指定相同的过渡速度，而不考虑其宽度？现在，转换速度取决于幻灯片的宽度-幻灯片越宽，转换速度越快

const slider=document.querySelector（'.slider'）；
const sl=新开关（滑块{
SlideService视图：“自动”，
循环：对，
速度：5000，
自动播放：{
启用：对，
延误：1，
},
});
滑块{
溢出：隐藏；
}
.滑梯{
宽度：自动；
右边距：20px；
}
.slider\u项目{
字体大小：24px；
填充：12px 32px；
背景色：#ccc；
}
.泳衣{
过渡时间函数：线性；
}

#卢奥
#你好，你好
#嗨
#Lorem，ipsum dolor
#福
#嘘声
#去
这似乎取决于元素本身的宽度，在传递
速度
参数时，我无法找到对宽度进行计算的方法

在找到答案之前，我想为这个问题提出一个解决方案，您可以通过删除
width:auto
设置一个恒定宽度，或者通过设置
slidesPerView
属性允许swiper为您设置恒定宽度，并通过居中使文本看起来漂亮。我认为一个很好的值是
地板（当前屏幕形状系数的最大宽度/最大幻灯片的宽度）
因此，如果最大幻灯片的宽度为
120px
，目标屏幕的宽度为
240px
，则一次可以放入两张幻灯片


const slider=document.querySelector（'.slider'）；
const sl=新开关（滑块{
SlideService视图：“自动”，
循环：对，
速度：5000，
SlideService视图：“2”，
自动播放：{
启用：对，
延误：1，
},
});
滑块{
溢出：隐藏；
}
.滑梯{
宽度：自动；
右边距：20px；
}
.slider\u项目{
字体大小：24px；
填充：12px 32px；
背景色：#ccc；
文本对齐：居中；
}
.泳衣{
过渡时间函数：线性；
}

#卢奥
#你好，你好
#嗨
#Lorem，ipsum dolor
#福
#嘘声
#去
似乎它们是根据宽度计算的，您可能需要深入研究plugin@keks我看到stackoverflow中的代码对于所有幻灯片都具有恒定的宽度，而不管文本如何，这导致所有幻灯片的速度相同。但在codepen中，宽度不同，导致速度不同