Zurb Foundation Orbit滑块:裁剪图像以适合窗口

时间:2013-06-10 13:54:43

标签: zurb-foundation orbit

我正在使用粉底,我想使用轨道作为全宽幻灯片。我需要它来覆盖整个窗口,宽度和高度。

这个滑块的默认用法似乎只是为了使图像的宽度适应容器,但我需要它来适应高度,如果需要保持比例,裁剪图像。有一个简单的方法吗?

1 个答案:

答案 0 :(得分:2)

您是否尝试在容器上设置最小高度,并且溢出:隐藏;将图像“裁剪”到准确的高度?

您的图像高度必须等于或大于您的最小高度。

<div style="height:200px; overflow:hidden"> 
   <img src="image" style="width:100%" alt="always use alts" /> 
</div>