javascript - 在移动设备上自动调整 Bootstrap 3 中的旋转木马(高度)

Question

我在网站上工作，但我很难让我的 Bootstrap 轮播正常工作。在普通屏幕上它运行良好，但每当我在移动设备上查看网站(或在我的桌面上缩小页面)时，轮播正在调整自身以响应。但是，这会导致我的旋转木马缩小到显示旋转木马的尺寸，但高度只有大约 5 像素，看起来很奇怪。

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

• 当高度低于 100 像素时完全移除轮播；
• 将轮播调整为仅水平收缩或至少不会收缩这么多；

提前致谢!

Answer 1

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

首先，您应该在 carosuel 顶部留出边距，这样您的导航栏就不会覆盖您的 carosuel。

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

将此添加到您的样式表中:

.carousel {
   margin-top: 91px;
}