Question

我在使用css文件中的媒体查询时，无法更改我的jumbotron内部H1的字体大小。

这是我的jumbotron代码：

'time_local_s'

这是我的CSS：

<div class="jumbotron jumbotron-bike">
  <h1>Get Going</h1>
  <p>Jumpstart your startup with some crowdsourced
    seed money, or support one of our 300,000,000+
    creators and get rewards.</p>
    <a class="btn btn-primary btn-lg"href="#">Jump In</a>
</div>

当我运行网站时，在调整页面大小时，H1的字体大小不会受到影响。我通过改变身体的背景颜色测试了媒体查询并且它起作用，所以我认为它与嵌套在一个超级电子管内部的事实有关。我是网络开发人员的新手，所以它可能很简单，但我似乎无法在网上找到任何答案。

Answer 1

这似乎按预期工作。检查下面的jsfiddle。我在调整大小时将字体大小更改为更小，以便更容易在媒体查询中查看更改。

HTML

<div class="jumbotron jumbotron-bike">
  <h1>Get Going</h1>
  <p>Jumpstart your startup with some crowdsourced
    seed money, or support one of our 300,000,000+
    creators and get rewards.</p>
    <a class="btn btn-primary btn-lg"href="#">Jump In</a>
</div>

CSS

.jumbotron h1{
  font-family: Monoton;
  font-size: 7.1rem;
}

@media only screen and (max-width:480px){
  .jumbotron h1{
    font-size: 2.7rem;
  }
}

jsfiddle

如何在媒体查询中定位Jumbotron元素？

1 个答案: