<code><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"> Париж
Париж - столица Франции.
доска chessboard.js .Я пытаюсь, чтобы все содержимое вкладки "шахматы" автоматически соответствовало оставшимся минимумам (высота, ширина) области просмотра, автоматически изменяя длину доски так, чтобы она равнялась оставшимся минимумам (высота / ширина), я пытался сделать это с помощью ибез jquery путем вычитания высоты остальных элементов из высоты клиента, но безуспешно, более того, различные методы получения высоты клиента возвращают разные значения.