Материал сетки заполняет весь экран с прокруткой - PullRequest
Новая
       0

Материал сетки заполняет весь экран с прокруткой

1 голос
/ 06 октября 2019

Я создал запущенный проект углового материала. В app.component у меня есть панель инструментов и розетка маршрутизатора. В домашнем компоненте у меня есть список сетки с двумя столбцами. Эти две колонки заполняют все пространство прокруткой. Я не хочу прокрутки. Как я могу заполнить доступное пространство без прокрутки.

Код:

app.component.html 

<mat-toolbar color="primary">
  <mat-toolbar-row>
    <span>Va Ranjith Dashboard</span>
  </mat-toolbar-row>
</mat-toolbar>
<div class="container">
  <router-outlet></router-outlet>
</div>

home.component.html 

<div class="home-container">
  <mat-grid-list cols="2" rowHeight="fit">
    <mat-grid-tile>1</mat-grid-tile>
    <mat-grid-tile>2</mat-grid-tile>
  </mat-grid-list>
</div>

снимок экрана:

enter image description here

IЯ не добавил стили в этот список сетки, но я получаю полосу прокрутки. Как от этого избавиться. Я могу использовать overflow как скрытое, но если у меня есть контент, он определенно пойдет дальше. Пожалуйста, совет.

...