时间戳

首页 > 解决方案 > 响应式 H1 大文本 - 不适用于 #index H1

css - 响应式 H1 大文本 - 不适用于 #index H1

问题描述

_我刚刚开始了一个引导项目 - 直到几天前才开始引导。
我有一个很大的 H1 文本（对于我想要的美学来说太大了）。我还没有完全弄清楚如何更改全局 h1 以便它超越引导程序，所以我使用了以下内容，它可以按我的意愿工作（重字体重量和颜色变化）：

 #index h1 {
   color:rgb(108, 170, 179);
   font-size: 150px;
   font-weight: 900; 
}

我在 CSS 中使用它来覆盖字体系列（同样，效果很好）：

* {
  font-family: 'Montserrat', sans-serif;

}

但是，'@media only' 并没有接受这个（因为我不知道如何告诉它）。h1、h2 et 是响应式的（如果我取出#index h1 代码）。顺便说一句，这个 H1 放在一个“jumbtron”盒子里（同样，只是为了美观），但不确定这是否与这个问题有关。

这是一个非常简单的入门项目，所以在这个阶段我不想过于复杂（这实际上是一个简单的表单，有几行、几列和几个按钮 - 在这个阶段没有添加 JS - 对于一个课程，所以任何更大的时间限制）。

我附上了“标题样式”的屏幕截图（jumbotron - 类似于标题，但目前适用于我 - 下一步是将刻度标志放在“TASQ”H1 文本的右侧。

如果我错过了任何信息，请道歉

非常感谢。

截屏

标签： csstwitter-bootstrap

解决方案

推荐阅读