我想将内容放在 Angular 仪表板上，这样所有内容都可以在不向下滚动的情况下显示

Question

我创建了一个 Angular 仪表板，但不知何故我希望在不向下滚动的情况下显示所有内容。表示它适合 window.

在屏幕截图中，您可以看到 Angular 仪表板的一半被截掉了。我没有找到正确的解决方案，所以也许你们中的一个人知道如何解决这个问题。

Answer 1

你可以举这个简单的例子

.parent{
  height:100vh;
  background:red;
  }
  
  .child1{
  height:50vh;
  background:green;
  }

<div class="parent">
  <div class="child1">
    test
  </div>
    <div class="child1">
    test
  </div>
</div>

I want to fit the contents on Angular Dashboard so all contents appear without scrolling downwards