Javascript 如何使Flickity旋转木马的高度受到内容的限制？

我正在尝试名为super cool的组件，但问题是旋转木马的高度在CSS中很难定义，并且不采用

旋转木马单元格中内容的高度。我尝试使用选项
setGallerySize:false
，但它不起作用

我有一个移动第一网站，内容会根据设备的不同而缩小，我希望Flickity旋转木马与内容高度相匹配

你有什么解决办法吗？
非常感谢

桌面渲染（请参见卡片下方的空格）：

移动视图渲染（请参见卡片下方的空格）：
在看不到代码的情况下，我无法真正建议如何更改flickity css，但如果希望保持不变，我建议将容器底部或flickity内容的边距底部从百分比（%）更改为像素（px）

如果您反对使用像素，请尝试@media查询，以减少在移动设备上显示时容器div的底部填充：

<style>
.container {
    padding-bottom: 10%;
}
@media screen and (max-width: 500px) { //replace max-width if too high or low
    .container {
        padding-bottom: 5%;
    }
}
</style>

<div class="container">
//content
</div>


.集装箱{
垫底：10%；
}
@媒体屏幕和（最大宽度：500px）{//如果最大宽度过高或过低，请更换
.集装箱{
垫底：5%；
}
}
//内容
在没有看到代码的情况下，我无法真正建议如何更改flickity css，但如果希望保持不变，我建议将容器底部或flickity内容的边距底部从百分比（%）更改为像素（px）

如果您反对使用像素，请尝试@media查询，以减少在移动设备上显示时容器div的底部填充：

<style>
.container {
    padding-bottom: 10%;
}
@media screen and (max-width: 500px) { //replace max-width if too high or low
    .container {
        padding-bottom: 5%;
    }
}
</style>

<div class="container">
//content
</div>


.集装箱{
垫底：10%；
}
@媒体屏幕和（最大宽度：500px）{//如果最大宽度过高或过低，请更换
.集装箱{
垫底：5%；
}
}
//内容