在bootstrap中更改轮播的标题文本的大小

Question

我正在尝试使用bootstrap框架开发一个网站。我成功制作了一个响应式旋转木马，效果很好。但是当我将浏览器的大小更改为移动屏幕时，标题会覆盖图像或覆盖图像的大部分内容。虽然我是移动设备的CSS初学者。任何人都可以告诉我如何减少手机或平板电脑设备上的字幕文字大小。任何有关这方面的帮助将不胜感激。我不能把整个代码放在这里，因为它非常大。所以我发布了指向我网站的链接。

以下是我网站的链接：link

Answer 1

您应该阅读Media Queries。使用媒体查询，您可以为不同的窗口大小以及特定设备设置特定样式。

假设您想要在窗口宽度大于320px且小于400px时更改CSS规则的字体大小。然后你可以使用这样的代码片段：

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
    .yourclass{font-size: 14px;}
}