html - 缩放表格以适应浏览器窗口，但保持比例

Question

我只使用 html 和 css 制作棋盘。棋盘在桌子里面。我可以缩放表格以适应浏览器窗口，同时使用 css 保持正方形的比例：

table {

    position: fixed;
    height: 0%;
    width: 90%;
    padding-bottom: 80%;

}

但困扰我的是表格主体（行、列和标题）只改变它的宽度，而不是高度。我已经尝试了很多不同的定位、宽度、高度、填充方法，但我无法弄清楚这一点。

对这个问题有什么建议或解决方案吗？