Flexslider响应能力

时间:2013-01-16 12:03:07

标签: image responsive-design flexslider

只是想知道是否有人使用Flexslider发现当从不同尺寸的浏览器窗口来回切换时,幻灯片图像不会自动调整到新的高度和宽度。

让我澄清一下 - 它们确实缩小了,但是当缩放时,幻灯片中的第一张图像会卡在之前的宽高比上,直到下一张幻灯片进入,此时整个内容会调整。

为了阻止我的内容受到影响,我为flexslider创建了一个固定高度的容器,并使用媒体查询在缩小时更改其高度。这可以完美缩小。

似乎在回来的路上它难以排出图像高度。

我会提供链接,但它是一个新的客户端项目。

所有编码与演示文件完全相同,但容器div上的固定高度和媒体查询除外。

1 个答案:

答案 0 :(得分:1)

我有同样的问题 - 我发现并非所有的宽度都是相同的值。

e.g。

.clone  { display: block; float: left; width: 994px!important; }


<img src="http://www.website.com/images/panel1.jpg" alt="" width="980px">

我的css中有大约4个实例有不同的宽度[羞耻],所以我去了那里并耙了css文件。

我希望这会有所帮助

祝你好运