Css 如何通过移动触摸使引导转盘可伸缩/缩放，同时保持默认幻灯片行为？

我使用的是Bootstrap4.xCarousel。我的页面可通过

进行用户扩展

当两个触摸点中的任何一个位于转盘外时，可通过移动触摸（两个手指）缩放页面

当接触转盘内的点时（保持默认幻灯片行为），如何使可伸缩工作

编辑 我尝试添加以下css：

.carousel.pointer-event{
触摸动作：自动；
}

“可缩放”现在可以工作，但触摸左右幻灯片会停止工作

---

如何使可伸缩幻灯片和幻灯片同时工作？

我找到了解决方案。只需添加以下css即可覆盖默认设置：

.carousel.pointer-event{
触摸动作：平移-y捏缩缩放；
}