角材料设计日期选择器尺寸

Question

我在代码中使用了材料设计+引导程序。这是我用来获取用户输入日期的重要日期选择器。它在大屏幕（笔记本电脑，计算机屏幕）上的工作效果非常理想，但对于移动设备而言，其高度和宽度会受到干扰。

Material date picker design change in small screen CSS：

.md-datepicker-calendar-pane {
    z-index: 1200;
}

.popdatepicker {
    z-index: 1200;
}

.mat-datepicker-content .mat-calendar {
    z-index: 1200 !important;
}

.cdk-overlay-container{ z-index: 1200 !important; }

::ng-deep .cdk-overlay-container {
    z-index: 1200 !important;
  }


    <input id="datepicker" class="form-control" (click)="picker.open()" 
     formControlName="date" placeholder="Choose a date" matInput 
     [matDatepicker]="picker">
           <mat-datepicker-toggle matSuffix [for]="picker">
        </mat-datepicker-toggle>
      <mat-datepicker #picker></mat-datepicker>