基础轨道

Question

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

我正在努力找出在哪里降低高度的内部：

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

在检查铬，它显示style="height:500px"。我还试图使用CSS与!important一起覆盖它，但它不起作用。

任何帮助都是非常感谢的。

谢谢

Answer 1

我相信轨道自动调整到你的图像高度，并且html和样式是根据你的图像高度自动生成的。您可能的解决方案是确保所有的图像都是相同的维度。

Answer 2

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

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

这不会扭曲图像(因为我们只是编辑高度)，幻灯片将使用最大高度设置轨道之一。

顺便说一句，您不能覆盖高度，因为它是通过JavaScript设置为内联代码的。