基础轨道

Question

http://foundation.zurb.com/docs/components/orbit.html

我试图找到减少内部高度的地方：

<ul id="home-carousel" data-orbit="" data-options="slide_number:false;bullets:false;">

在检查chrome时，它会显示style="height:500px"。我还尝试使用带有!important的CSS覆盖它，但它不起作用。

感谢任何帮助。

感谢

Answer 1

我相信Orbit会自动调整到图像的高度，并根据图像高度自动生成html和样式。 您可能的解决方案是确保所有图像都具有相同的尺寸。

Answer 2

大多数幻灯片根据内容图片调整幻灯片的大小，如果您需要它具有固定的高度，请尝试通过CSS限制图像高度：

.orbit-element img { max-height: 200px }

这不会扭曲图像（因为我们只编辑高度），幻灯片将使用该最大高度来设置轨道一。

顺便说一下，你无法覆盖高度，因为它是通过JavaScript设置为内联代码