How to make Nivo Slider Responsive

问题

I am using NivoSlider in WordPress and implemented some responsive css to the theme, I have fixed the width & height of the images and background size in Nivo Slider also but its displaying correct size only once and afterwards its displaying big images in the slider.

Here is the link to the site : Website

Please let me know if I am missing something.

Regards

回答1:

It was officially announced by nivo slider that it is responsive, Here is announcement.

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

Demo :

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>

来源：https://stackoverflow.com/questions/13156708/how-to-make-nivo-slider-responsive