How to set different [pageSize] in mat-paginator for different responsive resolutions

Question

I want to avoid a vertical scroll bar in mat-table in the responsive resolutions. For that I need to reduce the mat-paginator [pageSize] attribute value to 4. Can we set different [pageSize] values for different resolutions?

<mat-paginator #paginator [pageSize]="10" [pageSizeOptions]="[5, 10, 20]"
                          (page)="tableService.mgOnPaginateChange($event)">
</mat-paginator>