Question

我有一个完全没有界面的页面。它实际上只是一串文本（它每隔X秒抓取一次文本，在字符和单词方面可以有不同的长度。）我需要这个文本来填充浏览器窗口高度和宽度的100％。基本上窗口就是这个字符串（使用我需要的任何谷歌字体）而没有别的东西（我想它可能有一点差距但不多）

文本不能在长度方面或高度方向上溢出到需要滚动的位置，因为没有用户界面可以滚动（这显示在没有键盘或鼠标的显示器上）......有点像标志，但数字。

我已经尝试了所有我知道的东西，我不是一个UI用户，我非常了解如何使页面响应。如果需要，我也可以使用很多JQuery。没有角度等等。

（这将在桌面浏览器上，但我认为它也适用于移动设备。再次，100％高度和宽度，不多也不少）

Answer 1

您可以将高度和宽度设置为“自动”，因为它会自动获取屏幕高度和宽度。因此，您的文本应根据屏幕宽度和高度进行传播。

Answer 2

您可以像这样使用vh单位

.textclass { 
   font-size: 100vh;
   white-space: nowrap; /* add this line if you want to text in single line */
}

你还需要删除body和html的填充边距

body, html {
    margin: 0;
   padding:0;
}