2015-11-06 47 views
0

我試着不同的傳送帶(jcarousel,bxslider,貓頭鷹旋轉木馬2)..現在我使用bxslider,但我有麻煩,使其響應。bxslider麻煩使響應100%寬度

網址:http://topforexbroker.net/hund/

bxslider選項(http://bxslider.com/options):

   minSlides: 1, 
       moveSlides:1, 
       maxSlides: 8, 
       slideWidth: 275, 
       slideMargin: 10, 
       pager: false 

預覽移動: preview on mobile

如果我增加slideWidth,它看起來還好在移動,但從那時起我桌面它會搞砸。

任何想法如何解決這個問題?實際上,我得到了貓頭鷹傳送帶2,就像我想要的一樣工作,但由於某種原因,當我滑動時,我得到一個白色背景,它必須加載圖像,我認爲它被稱爲平滑滾動糾正我,如果我錯了。也許我在用我的意圖使用錯誤的旋轉木馬?

在此先感謝。

+0

您需要使用媒體查詢來調整div類卡的寬度 –

+0

嗨,幸運Chingi,感謝您的回覆!你能再給我一個提示嗎?如果我將我的卡片級別的高度增加到例如335px看起來不錯,我的卡片動作消失,然後我必須將bx-viewport高度增加到516px。我懷疑這是做這件事的正確方式,但也許是這樣。 –

+0

我建議增加類'卡'的寬度以匹配移動屏幕的最小寬度,以便只顯示一個圖像。或者使用jQuery在手機屏幕上將MaxSlides切換爲1 –

回答

0

我不看任何錯誤在你的頁面 enter image description here

反正我看到您定義的寬度爲每這是問題的原因幻燈片。 請刪除slideWidth。 您可以閱讀更多here