尽管使用@media查询，但文本仍拒绝调整大小

Question

我正在使用引导程序来组合一个站点，我希望在以纵向模式在手机上查看该文本时调整其大小：

所以我使用了以下CSS：

@media only screen and (max-width: 767px) {

   h1 {
      font-size: 3em;
   }

   h5 {
      font-size: 2em;
   }

但是由于某些原因，我无法理解在移动设备上查看时文本的大小。

预先感谢

完整代码在这里： https://github.com/MrVIncentRyan/portfolio

Answer 1

仍然不确定为什么它不起作用，但是我通过更改文本所在的flexbox来解决了这个问题。