Twitter bootstrap 3 引导程序在Firefox中无法完全工作

Twitter bootstrap 3 引导程序在Firefox中无法完全工作,twitter-bootstrap-3,jquery-cycle2,Twitter Bootstrap 3,Jquery Cycle2,刚刚完成一个测试,我发现jQuery Cycle2滑块在Firefox中无法正常工作。它在Safari和Chrome中完全响应,并且显示正确 在Firefox中,图像的大小不能适当缩小,随着窗口的缩小,图像会保持完整大小 以下是滑块的代码: <div class="cycle-slideshow" data-cycle-fx=fade data-cycle-timeout=5000 data-cycle-slides="div.slide" > <div class="sli

刚刚完成一个测试,我发现jQuery Cycle2滑块在Firefox中无法正常工作。它在Safari和Chrome中完全响应,并且显示正确

在Firefox中,图像的大小不能适当缩小,随着窗口的缩小,图像会保持完整大小

以下是滑块的代码:

<div class="cycle-slideshow" data-cycle-fx=fade data-cycle-timeout=5000 data-cycle-slides="div.slide" >

<div class="slide">
<img src="http://dev.savannah100foundation.org/images/uploads/slide-1.jpg" class="img-responsive" alt=""  >
<div class="text-overlay hidden-xs">We make it easy for people to make a difference</div>
</div>

<div class="slide">
<img src="http://dev.savannah100foundation.org/images/uploads/slide-2.jpg" class="img-responsive" alt=""  >
</div>

<div class="slide">
<img src="http://dev.savannah100foundation.org/images/uploads/slide-3.jpg" class="img-responsive" alt=""  >
</div>

<div class="slide">
<img src="http://dev.savannah100foundation.org/images/uploads/slide-4.jpg" class="img-responsive" alt=""  >
</div>


<div class="cycle-pager"></div>
</div><!-- /.cycle-slideshow -->

我们让人们很容易做出改变

您尝试过从图像中删除img responsive类吗?我尝试过删除img responsive类,但没有什么不同。谢谢。不久前,我实现了一个滑块,其中所有图像的大小都相同,响应能力按预期工作,后来我实现了另一个滑块,其中图像的大小不同,这一次响应能力正常,但较大的图像没有缩小……所以我最终为它们编写了媒体查询调整。我希望这对你的案子有一定意义!看起来我可能要做媒体查询-这很奇怪。