如何使 Nivo 滑块响应

【问题标题】：How to make Nivo Slider Responsive如何使 Nivo 滑块响应
【发布时间】：2012-10-31 11:20:08
【问题描述】：

我在 WordPress 中使用 NivoSlider 并为主题实现了一些响应式 css，我还修复了 Nivo Slider 中图像的宽度和高度以及背景大小，但它只显示正确的大小一次，然后在滑块。

这里是网站的链接：Website

如果我遗漏了什么，请告诉我。

问候

【问题讨论】：

标签： jquery slider responsive-design nivo-slider

【解决方案1】：

nivo slider 官方宣布它是响应式的，这里是公告。

http://nivo.dev7studios.com/2012/05/30/the-nivo-slider-is-responsive/

演示：

http://nivo.dev7studios.com/responsive-demo/

【讨论】：

【解决方案2】：

css

 #nivoSlider, #nivoSlider img{width:100%;height:auto !important}

HTML：

<div class="slider-wrapper theme-default">
    <div class="ribbon"></div>
    <div id="nivoSlider" class="nivoSlider">
       <img src="" />
    </div>
</div>

【讨论】：

+1 感谢您提供的 CSS，也可以在 drupal 中与 Nivo Slider 一起使用。