在Bootstrap 3中禁用轮播在移动设备上自动调整大小(高度)

时间:2014-12-05 09:58:30

标签: javascript css twitter-bootstrap-3 carousel

我正在网站上工作,但我正努力让我的Bootstrap轮播正常工作。在普通屏幕上,它工作得很好,但每当我在移动设备上查看网站(或缩小我的桌面上的页面)时,轮播就会调整自己的响应速度。但是,这会导致我的旋转木马缩小到显示旋转木马的大小,但只有大约5个像素的高度使它看起来很奇怪。

您可以找到我的测试网站here自己查看,有什么办法可以解决这个问题:

  • 当高度低于100px时,完全取下传送带;
  • 将转盘调整为仅水平收缩或至少不收缩这么多;

提前致谢!

2 个答案:

答案 0 :(得分:1)

下次尝试发布您的代码,可以更轻松地解决您的问题。

首先,你应该优先考虑你的carosuel,这样你的导航栏就不会覆盖你的carosuel。

我无法帮助您解决崩溃问题,因为我无法看到您的代码。

将其添加到样式表中:

.carousel {
   margin-top: 91px;
}

答案 1 :(得分:0)

尝试在图片代码中使用img-response类,这可能会解决您的问题。