2015-11-06 68 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