有没有办法让 up-size 和 CSS 的字体适合屏幕?

Is there a way to up-size the font with CSS to fit the screen?

我正在考虑改进 OpenBSD ports web-site 的首页,其中列出了大约 71 个端口类别。

我的想法是使用几列(可能是 ul {-moz-columns: 9em;} also with a limit to at most 8 columns at 89em and above@media (min-width: 89em) {ul {-moz-columns: 8;}},有效地指定最多应该有 89em 的宽度),并向列出端口的每个列表项添加一些 padding/margin,但在更大的屏幕上,这可能会占用太小的屏幕并留下太多空白 space.

有没有办法自动放大某些元素的字体,填满所有可用的space,但不影响其他一些元素的大小?例如,我想要标题和类别 up-sized,但将所有致谢名单保留在页面底部的正常字体中。我正在寻找 CSS-only 解决方案。 (我想我可以在几个特定的​​ @media 规则中放置几个​​跳跃的尺寸,但我很好奇是否有更灵活和自动化的解决方案。)

我认为这就是您要查找的内容:http://dev.w3.org/csswg/css-values/#viewport-relative-lengths

你可以使用 vw(视口宽度)或 wh(视口高度),其中 1 v == 初始包含块的 1%

示例:

 p{
     font-size: 4vw;
 }