Javascript 在Bootstrap 3中禁用旋转木马在移动设备上自动调整大小（高度）

我在一个网站上工作，但我正在努力让我的引导转盘正常工作。在普通屏幕上，它工作得很好，但每当我在移动设备上查看网站（或缩小桌面上的页面）时，旋转木马就会自我调整以响应。但是，这会导致我的旋转木马缩小到显示旋转木马的大小，但高度只有大约5个像素，因此看起来非常奇怪

您可以找到我的测试网站自己查看，我有没有办法通过以下方式解决此问题：

• 当高度低于100px时，完全移除转盘
• 将转盘调整为仅水平收缩或至少不收缩这么大

---

提前谢谢

尝试在图像标签中使用class img responsive，也许它可以解决您的问题。

下次尝试发布您的代码，会使您的问题更容易解决

首先，你应该在你的肚脐上留一个边距，这样你的肚脐就不会覆盖你的肚脐了

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

将其添加到样式表中：

.carousel {
   margin-top: 91px;
}

---

@在这种情况下，mediaqueries会很有帮助。你可以告诉它一个

显示：无当你低于100像素时，如果这是你想要的。我必须指出，你的第二个选择是行不通的，因为你会改变格式（图片正以相反的方式被拉伸——非常快）。我会选择选项1。好的，我会尝试选择@media，谢谢！我刚刚注意到你也住在格罗宁根^不管怎样，我尝试了你的解决方案，并进行了一些测试，我认为这确实是最好的方法。我不得不添加第二个@media查询，以便在旋转木马下方的div中添加一些边距顶部，但现在它非常有效：）这不起作用，因为img responsive模拟了旋转木马本身的效果（事实上，默认情况下引导旋转木马具有与img responsive相同的属性）。不过，我的问题已经解决了，谢谢。我在页面上贴了一个链接，在那里你可以看到问题，也可以看到代码，因为它只是html/css/js。人们不想访问你的网站来查看代码。好吧，你*不，你不能代表一般人说话，因为这里的其他人访问网站来检查问题。。它甚至不是一个代码程序，更像是一个逻辑问题。在这里发布代码不会有任何帮助；P