Javascript 定义元素高度以填充视口的其余部分？一些文本国际象棋数独 0:05:00 0:05:00 ... 背景移动：巴黎_Javascript_Jquery_Html_Css_Bootstrap 4

Javascript 定义元素高度以填充视口的其余部分？一些文本国际象棋数独 0:05:00 0:05:00 ... 背景移动：巴黎

javascript jquery html css bootstrap-4

Javascript 定义元素高度以填充视口的其余部分？一些文本国际象棋数独 0:05:00 0:05:00 ... 背景移动：巴黎,javascript,jquery,html,css,bootstrap-4,Javascript,Jquery,Html,Css,Bootstrap 4,巴黎是法国的首都董事会是。我试图让“chess”选项卡的全部内容通过自动调整板的长度以使其等于剩余的最小值（高度/宽度）来自动适应视口的剩余最小值（高度、宽度），我尝试使用jquery和不使用jquery，通过从客户端高度减去剩余元素高度来实现这一点，但没有成功，此外，获取客户端高度的不同方法返回不同的值您可能试图在加载DOM之前调整大小。这个问题可能与此相关：您可能试图在加载DOM之前调整大小。这个问题可能与： <html> <body> <h1&

巴黎是法国的首都

董事会是。

我试图让“chess”选项卡的全部内容通过自动调整板的长度以使其等于剩余的最小值（高度/宽度）来自动适应视口的剩余最小值（高度、宽度），我尝试使用jquery和不使用jquery，通过从客户端高度减去剩余元素高度来实现这一点，但没有成功，此外，获取客户端高度的不同方法返回不同的值

您可能试图在加载DOM之前调整大小。这个问题可能与此相关：您可能试图在加载DOM之前调整大小。这个问题可能与：

<html>    
<body>
<h1>Some text</h1>
    <div id="tab1" class="tab">
        <button class="tablinks" onclick="openTab(event, 'Chess')" id="defaultOpen">Chess</button>
        <button class="tablinks" onclick="openTab(event, 'Sudoku')">Sudoku</button>
    </div>

    <div id="Chess" class="tabcontent">
        <div class="row">
            <div class="col-sm-6 col-md-6">
                <span class="h3" id="time1">0:05:00</span>
                <div id="board"></div>
                <span class="h3" id="time2">0:05:00</span>
                <div id="engineStatus">...</div>
                <!-- Trigger/Open The Modal -->
                <button id="myBtn">Setting</button>
            </div>

            <div class="col-sm-6 col-md-6">
                <h3>Moves:</h3>
                <pre id="pgn"></pre>
            </div>
        </div>
    </div>

    <div id="Sudoku" class="tabcontent">
        <h3>Paris</h3>
        <p>Paris is the capital of France.</p>
    </div>
</body>
<html/>