缩放导航栏中的文字

Question

在the question中，用户（JoseRui Santos）发表评论intesting link. 用户如何在此示例中进行文本缩放？我对导航特别感兴趣。

我有一个宽屏导航，在较小的屏幕上从屏幕上运行。

我只有45分，所以我不能自己问他。

Answer 1

开发人员使用vw作为font-size的单位。这响应视口的宽度。有关完整说明，请参阅this article。

您链接的示例中的相关代码是：

body {
    font-size: 1.5vw;
    [...]
}

然后导航中的字体大小基于初始字体大小，使用em或%个单位，这些单位相对于body字体大小，所以随着视口宽度的增大和缩小，它们也会增长和缩小。