javascript - 无法编辑 Flickity-view(Flickity 插件)

Question

测试用例:Flickity Sample

我正在使用这种笔，但在编辑 flickity-viewport 时遇到了问题。

我正在尝试使视口(viewport)的高度为

它在我的 style.css 上

.flickity-viewport{
height:678px; <!--But this doesn't been recognize-->
}

在我的 flickity.min.css 上

.flickity-viewport{
 overflow: hidden;
 position: relative;
 height: 635px
 }

但是当我尝试编辑我的 style.css 时它不起作用

我不知道那个 style="height:1228px;" 是从哪里来的。请帮助我

Answer 1

可能是从脚本中得到的值。

您可以对您的 css 使用 !important 方法并解决问题。

.flickity-viewport{
  height:678px !important; 
 }