将表格单元格高度设置为HTML中总窗口高度的分数

Question

我目前有一个表格，其中的单元格包含文本。它们的当前高度均为100，但我希望它们随浏览器大小缩放，因此页面始终适合屏幕显示，而无需用户滚动。

        <td width="200" height="100">
            <h1 align="center"> <font color="AEDBFB">Blue</font></h1>
        </td>

我可以用什么代替“ 100”来表示屏幕高度的10％？

Answer 1

一种建议是结合使用CSS函数calc和CSS单元vh来提高视口高度：

<style>

  td {
    height: calc(100vh / 10);
  }

</style>