如何在渲染之前获得Grid Row的实际高度

.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-row-height: 50px; /* 设置 Grid Row 的高度为 50px */
}

<div class="container">
  <div class="grid-row">
    <div class="grid-cell">Cell 1</div>
    <div class="grid-cell">Cell 2</div>
    <div class="grid-cell">Cell 3</div>
  </div>
</div>

.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto calc(100vh - 50px); /* 计算 Grid Row 的高度为 100vh - 50px */
}