Question

我正在使用HTML / CSS开始初学者课程，而我正在使用codepen中的一个非常简单的项目。我正在使用引导程序使我的页面移动响应，当我减少codepen中的窗口大小时似乎很好但是当我在我的手机上访问它时，它不起作用！页面对于屏幕来说太宽了。

我评论了我的绝大部分代码以查明问题，现在我只剩下一个jumbotron，它仍然不起作用。

这是codepen链接：

Android documentation

实际代码非常简单：

<div class="container-fluid">

  <div class="jumbotron header">
    <h1 class="text-center">Chester Bennington</h1>
    <h2 class="text-center">A tribute to a true legend of rock</h2>
  </div>
</div>

唯一相关的CSS是：

body {
  background-color: rgb(168, 176, 191);
}

.header {
  background-color: rgb(75, 85, 102);
  color: rgb(208, 217, 232);
  margin-top: 30px;
}

h1 {
  font-size: 6em;
  font-family: 'New Rocker', cursive;
}

h2 {
  font-family: 'Rock Salt', cursive;
}

我哪里错了？

Answer 1

想出来！就像我让字体太大一样简单！

简单的代码无法响应codepen

1 个答案: