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

Question

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

table {

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

}

但最让我困扰的是，桌体（包括行，列和标题）只改变了它的宽度，而不是高度。我已经尝试了很多不同的方法，包括定位，宽度，高度，填充，我无法弄清楚这个。

对此问题的任何建议或解决方案？