Html 使用Bootstrap 3无法正确调整文本大小

我几乎完成了免费代码营的投资组合任务，但我碰到了一堵墙

该网页载于——

标题的唯一自定义代码是：

h1, h2, h3 {
  font-family: 'Ovo', serif;
  text-shadow: 4px 4px 4px #a3a3a3;
}

h1 small {
  color: #007ea7;
  font-size: 45%;
}

当我调整屏幕大小时，页面顶部的h1标题会正确调整大小，但h2和h3标题不会。这在页面的联系人部分最为明显

---

我尝试了一些不同的方法，但无法解决这个问题。

您可以使用视口值而不是ems、pxs或pts

1vw=视口宽度的1%

1vh=视口高度的1%

1vmin=1vw或1vh，以较小者为准

1vmax=1vw或1vh，以较大者为准

试试这个

字体大小：4vw。
我只在联系人部分更改了字体大小，其他部分也可以更改

.contact h2 {
    line-height: 3em;
    font-size: 4vw; //changed this
    text-shadow: 2px 2px 2px black;
}

您确定这些元素应该改变大小吗？在
bootstrap.min.css
中，受
@media
断点影响的标题只有
元素，这些元素位于
.jumbotron
元素中（页面顶部的元素就是这种情况）

如果要更改
（或任何其他元素），必须手动将
@media
断点添加到自定义样式表中：

@media screen and (min-width:XXXpx) {
    h2 {font-size: xxx}
}

谢谢，在我看到这个之前我已经接受了另一个答案，但是你已经解释得很好了，我在Bootstrap网站上找不到这个信息