简单代码在代码笔上没有响应

Question

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

我注释掉了绝大多数代码以查明问题所在，现在只剩下一个巨型机器人，它仍然不起作用。

这是代码笔链接：

https://codepen.io/dave-bage/pen/Pedemz

实际代码非常简单：

<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

想通了！就像我把字体弄得太大一样简单！