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錯誤

回答

相關問題