带有百分比值（％）的字体大小不随屏幕大小缩放

我认为您要寻找的是 视口百分比单位 。

尝试这个：

.about-content-title h1 { font-size: 5vw; }

通过此调整，当您调整浏览器窗口的大小时，字体将按比例缩放。

从规格：

5.1.2。视口百分比长度：对

vw

vh

vmin

vmax

视口百分比长度相对于初始包含块的大小。更改初始包含块的高度或宽度时，将对其进行相应缩放。

• vw单位 -等于初始包含块的宽度的1％。
• vh单位 -等于初始包含块的高度的1％。
• vmin unit- 等于

  vw

  或的较小者

  vh

  。
• vmax unit- 等于

  vw

  或的较大者

  vh

  。

使用百分比值（％）不会相对于视口缩放字体，因为这些值是相对于父项或祖先的。参见规格： 4.3。
百分比：

<percentage>