我当时正在使用Mat Sidenav创建响应式Mat工具,但此后,当我放置sidenav容器时,差距很大,由于容器只是放置了空白屏幕,所以它迫使我的主要内容位于页面底部>
我已经尝试使用margin将全屏显示在mat sidenav容器中
<mat-sidenav-container fullscreen>
<mat-toolbar color="primary">
<div fxShow="true" fxHide.gt-sm="true">
<button mat-icon-button (click)="sidenav.toggle()"><mat-icon>horizontal_split</mat-icon></button>
</div>
<span><strong><a routerLink="home" class="number1">infor</a><a routerLink="home">sys</a></strong></span>
<div fxShow="true" fxHide.lt-md="true">
<div class="tes">
<button mat-button routerLink="about" routerLinkActive="active"><b>About</b></button>
<button mat-button routerLink="sofi" routerLinkActive="active"><b>SOFI</b></button>
<button mat-button routerLink="pisi" routerLinkActive="active"><b>PISI</b></button>
<button mat-button routerLink="dokuku" routerLinkActive="active"><b>Dokuku</b></button>
<button mat-button routerLink="customers" routerLinkActive="active"><b>Customers</b></button>
<button mat-button routerLink="career" routerLinkActive="active"><b>Career</b></button>
</div>
</div>
</mat-toolbar>
<mat-sidenav-container fxFlexFill>
<mat-sidenav #sidenav fxLayout="column">
<div fxLayout="column">
<button (click)="sidenav.toggle()" mat-button>Close</button>
<button mat-button (click)="sidenav.toggle()" routerLink="about" routerLinkActive="active"><b>About</b></button>
<button mat-button (click)="sidenav.toggle()" routerLink="sofi" routerLinkActive="active"><b>SOFI</b></button>
<button mat-button (click)="sidenav.toggle()" routerLink="pisi" routerLinkActive="active"><b>PISI</b></button>
<button mat-button (click)="sidenav.toggle()" routerLink="dokuku" routerLinkActive="active"><b>Dokuku</b></button>
<button mat-button (click)="sidenav.toggle()" routerLink="customers" routerLinkActive="active"><b>Customers</b></button>
<button mat-button (click)="sidenav.toggle()" routerLink="career" routerLinkActive="active"><b>Career</b></button>
</div>
</mat-sidenav>
</mat-sidenav-container>
我只想寻求有关此不必要的空白页问题的帮助,并从底部开始制作图片,以便能够与Mat Tool相连