缩放固定宽度字体以适合一行上的常量字符数

Question

我有一个基于websocket的终端会话.我希望增加字体大小以填充div,使其总是80个字符宽.这样做的最佳方法是什么？我喜欢它,如果只有CSS这样做的方式,但我已经在使用jQuery,所以一个vanilla javascript或jQuery解决方案也会很好.

Answer 1

在有限的范围内，这在纯 CSS 中是可能的。如果您知道 div 将占用的视口部分，那么您可以根据视口宽度缩放字体。

.terminal {font-size: 1vw;}将导致字体大小（垂直）相当于视口的 1%。由于等宽字体还具有固定的宽高比，因此宽度取决于字体的宽高比和视口大小。