Javascript 如何使旋转木马标题响应？我在描述框中添加了图片和代码，请查看

在小型设备上进行测试时，转盘标题显示不正确。请检查我添加的图像

体验胶印和数码印刷的真实生活质量。
了解更多
体验真实生活品质
在胶印和数码印刷中。
了解更多
体验真实生活品质
在胶印和数码印刷中。
了解更多

您可以覆盖

.carousel caption

CSS规则来调整元素大小，使其清晰地显示在视图端口中

@media screen and (max-width: 768px) 
     {    .carousel-caption {
          bottom: 50px !important;
          }
          .carousel-caption h1 { 
          font-size : 20px !important; 
          }
     }

---

对于最大宽度为768px的设备，上述CSS将h1元素的字体大小更改为20px。CSS类

.carousel caption

的位置是绝对的，因此，如果不适合您，请将

底部的
增加到更高的位置
 为你的目标媒体写一些css规则。我已经添加了css。旋转木马标题{背景颜色：rgba（248244244，0.5）；颜色：黑色；不透明度：10；右：40%；左：10%；高度：60%；}添加
@媒体屏幕和（最大宽度：768px）{.carousel标题h1{字体大小：20px；}
等等。天哪，它工作得很好，但右边有一个按钮，它是从盒子里出来的。你能帮帮我吗。
@media screen and (max-width: 768px) 
     {    .carousel-caption {
          bottom: 50px !important;
          }
          .carousel-caption h1 { 
          font-size : 20px !important; 
          }
     }