如何调整Bootstrap轮播的CSS响应度

Question

我刚刚在Wordpress页面上安装了Bootstrap主题，并尝试将CS​​S调整到一定程度。

我的问题之一与轮播有关。此刻，当我调整网站大小（或在移动设备上查看）时，...

1. 旋转木马保持很高的高度（导致我只能看到很小的一部分，因为它在移动屏幕上缩小为正方形）
2. 标题消失

如何调整这两个方面。我希望在较小的屏幕尺寸下降低高度，以便可以更好地保持原始尺寸。另外，我想保留标题（不过可能要使用较小的字体）。

我浏览了各种网站，发现了一些stackoverflow问题和this网站，但无法解决我的问题。

有人可以帮忙吗？

谢谢

Answer 1

您应该在CSS中使用媒体查询来更改轮播的高度和不同断点处的字体大小。 或者，如果您使用的是Bootstrap，是否尝试过将断点添加到html类中？