如何在angular中调整mat对话框内容的大小？

ng add @angular/material

import { MatDialog, MatDialogRef } from '@angular/material/dialog';

constructor(private dialog: MatDialog) { }

openDialog(): MatDialogRef<DialogComponent> {
  return this.dialog.open(DialogComponent, {
    width: '500px', // 设置对话框的宽度
    height: '300px', // 设置对话框的高度
  });
}

dialogRef: MatDialogRef<DialogComponent>;

openDialog(): void {
  this.dialogRef = this.dialog.open(DialogComponent, {
    width: '500px',
    height: '300px',
  });
}

<mat-dialog-content style="width: 400px; height: 200px;">
  <!-- 对话框内容 -->
</mat-dialog-content>