HTMLとCSSだけでチェス盤を作っています。チェス盤はテーブルの中にあります。ブラウザ ウィンドウに合わせてテーブルを拡大縮小すると同時に、css を使用して正方形の比率を維持することができます。
table {
position: fixed;
height: 0%;
width: 90%;
padding-bottom: 80%;
}
しかし、私を悩ませているのは、テーブル本体 (行、列、およびヘッダー) が高さではなく幅のみを変更することです。ポジショニング、幅、高さ、パディングで非常に多くの異なるアプローチを試しましたが、これを理解することはできません.
この問題に対する提案や解決策はありますか?