我試圖代表一個(gè)簡(jiǎn)單的游戲板來(lái)實(shí)現(xiàn)“Flood it”游戲，它由一個(gè)由 m 矩陣表示的表格組成，表格的內(nèi)容是使用 javascript 函數(shù)動(dòng)態(tài)設(shè)置的。我寫(xiě)了這段CSS：html, body {    height: 100%;}table {    border-style: solid;    width: 30%;}td {    position: relative;    border-style: solid;}td:after {    content: "";    display: block;    padding-bottom: 100%;}div#game_board_container {    display: block;    height: 50%;    background-color: red;}div.cell_content {    position: absolute;    display: flex;    width: 100%;    height: 100%;    justify-content: center;    align-items: center;}它用于定義一些 html 的布局，可以簡(jiǎn)化為：<div id="game_board_container">    <table id="game_board">    <table></div>更新后，表行看起來(lái)就像<tr><td><div class="cell_content"></div></td>....</tr>每行 m 個(gè) div，每個(gè)表 n 行。css適用于n×n和n×m矩陣，其中n<m（列多于行），我得到一個(gè)漂亮的正方形或矩形矩陣，其中正方形單元格的大小根據(jù)css定義受寬度限制；但是當(dāng) n > m 時(shí)，行會(huì)朝頁(yè)面底部堆疊；我知道這是由于我使用“響應(yīng)式方形設(shè)計(jì)”將我的單元格定義為方形而引起的，而且我的表格尺寸僅由其寬度定義，不幸的是試圖定義高度或最大-我的桌子的高度或?qū)⑵浒b在高度定義的容器中沒(méi)有任何作用......編輯：我覺(jué)得我需要指定我希望單元格縮小，游戲板表保持其尺寸，這里是瀏覽器頁(yè)面高度和寬度的 30%。今天下午我嘗試了很多選擇，但沒(méi)有一個(gè)有效。因?yàn)槲覍?duì) css 很陌生，所以我很確定我錯(cuò)過(guò)了一些東西，但我看不到什么......