2013-01-16 49 views
0

想知道使用Flexslider的人是否發現,當從不同大小的瀏覽器窗口來回切換時,幻燈片圖像不會自動調整爲新的高度和寬度。Flexslider Responsiveness

讓我澄清一下 - 他們做正確的收縮,但縮減了在幻燈片中的第一個圖像時,被在前面的長寬比卡住,直到下一個幻燈片進來,此時整個事情的調整。

要受到影響,我創建了flexslider固定高度的容器,並使用媒體查詢來改變它的高度,因爲它是按比例縮小停止我的內容。這可以完美縮小。

這似乎是在回來的路上了,它有麻煩排序圖像高度了。

我會提供鏈接,但它是一個新的客戶端項目。

所有的編碼是完全一樣是從演示文件,與例外的固定高度和媒體查詢的div容器。

+0

什麼瀏覽器是你?從未注意到一個問題。你使用柔性滑塊2嗎?它是否在他們的演示頁面上執行:http://flexslider.woothemes.com/ – matt

+0

嗨馬特,我正在檢查所有瀏覽器,但我的主要是Firefox。它是一個定製版本,但它是Flexslider 2.它不是一個主要問題。 看看這裏:www.aspectexhibitions.co.uk/wordpress-test –

+0

我沒有看到任何關於Chrome,Safari或Firefox(OSX版本)的東西似乎都很好......我真的很好奇,但你應該對它進行屏幕錄像。 – matt

回答

1

我有同樣的問題 - 我發現並不是所有的寬度都是相同的值。

例如

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


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

有在我的CSS約4個實例是有不同的寬度[羞羞]所以我去那裏和傾斜的CSS文件。

我希望這有助於

好運