Flexslider - 响应的css错误

我想添加响应媒体查询的主题和Flexslider做这个奇怪的事情，它根据媒体查询调整大小，但只显示图像的一半。Flexslider - 响应的css错误

这里是发生这种情况的演示：http://www.brainbuzzmedia.com/themes/framework/

这是我在媒体查询中使用的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%; 
    } 
}

任何想法是什么原因造成的？我一整晚都在这里。

**我忘了提及，看看我的意思是尝试调整浏览器的大小，直到它获得980像素以下的宽度。从768-980像素到目前为止的响应范围内，主题的其余部分缩小，但滑块中的图像仅在缩小时显示图像的左半部分。

来源

2012-07-19 BRAINBUZZ media

究竟是什么问题。在正常屏幕上它看起来不错，如果我缩小我的浏览器窗口，我只能看到部分滑块。 – frequent 2012-07-19 08:31:42

对不起，请检查编辑操作。 – 2012-07-19 08:35:22

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

我检查了我目前的Flexslider。我没有在元素上使用pos：rel，但其余部分是相同的，并且从1200-200px很好地缩放。

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

来源

2012-07-19 08:52:21 frequent

虽然我没有在css中设置。我使用与演示相同的代码，并且在那里可以正常工作。显示溢出时，它会并排显示所有幻灯片。另外，没有CSS将div设置为半宽，就像第一个那样。 – 2012-07-19 09:03:47

你可能是对的。 – frequent 2012-07-19 09:16:15

我想通了。一旦它变得太小，搜索栏被撞到导航区域并落入滑块。

来源

2012-07-19 09:51:35

Flexslider - 响应的css错误

回答

相关问题