Jquery Flexslider-响应css错误

我试图将响应性媒体查询添加到主题中，Flexslider正在做一件奇怪的事情，它根据媒体查询调整大小，但只显示了一半的图像

以下是发生这种情况的演示：

以下是我在媒体查询中使用的css：

/* Tablet Portrait size to standard 980 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {

    div#site_wrap{
        width:95%;
    }
    div#site_wrap, div.footer, div.copyright, div#title {
        width:95%;
        padding-left:0;
        padding-right:0;
    }
    div.header, div.main, #container {
        width:auto;
    }
    .footer_form textarea {
        width:90%;
    }
}

你知道这是什么原因吗？我整晚都在做这件事

---

**我忘了提到，想知道我的意思，试着调整浏览器的大小，直到它的宽度低于980px。768-980px的范围到目前为止是有响应的，主题的其余部分会收缩，但滑块中的图像在收缩时只显示图像的左半部分。

问题在于您的div.flex-viewport。所有其他元素的大小似乎都正确。然而，这个div在我的屏幕上停留在433px，我不知道为什么或者它设置在哪里（至少我在Firebug中找不到任何东西）

我检查了当前的Flexslider。我没有在元素上使用pos:rel，但是其余的都是一样的，它可以从1200-200px很好地扩展

---

对不起，没有更多的信息。如果我偶然发现它，我会发布。

我发现了。一旦搜索栏变得太小，搜索栏就会被冲出导航区域，落入滑块。

到底是什么问题。在正常的屏幕上看起来没问题，如果我缩小我的浏览器窗口，我只能看到滑块的一部分。对不起，请检查op中的编辑。不过我没有在css中设置这个。我使用了与演示相同的代码，它在那里工作得很好。显示溢出时，它将并排显示所有幻灯片。此外，没有css将div设置为最初的一半宽度。