Css 移动屏幕上的角度ngx boostrap日期选择器位置问题

ngx引导程序/日期选择器在大屏幕上工作正常，但在移动屏幕上工作不正常。我需要帮助

但是，当我将屏幕尺寸缩小到移动（也在实际的移动设备上）时，它会在错误的位置打开

ngx引导/日期选择器版本5.3.2

“ngx引导”：“^5.3.2”

这就是我在模板中使用它的方式

<div class="row">
  <div class="col-xs-12 col-12 col-md-6 form-group">
    <input type="text"
    class="form-control"
    style="cursor: pointer"
    readonly="true"
    [minDate]="minDate"
    [maxDate]="dt"
    #dp="bsDatepicker"
    bsDatepicker [(bsValue)]="bsValue"
    (bsValueChange)="UpdateDashboard()">
  </div>
</div>

---

通过添加以下css（屏幕大小小于600px）修复了手机上的视图

   @media screen and (max-width:600px){
       ::ng-deep bs-datepicker-container{
           transform: translate3d(0px, 647px, 0px)!important;
       }
    }

---

修正了手机屏幕尺寸小于600px时添加以下css的问题

   @media screen and (max-width:600px){
       ::ng-deep bs-datepicker-container{
           transform: translate3d(0px, 647px, 0px)!important;
       }
    }

---

我会使用HTML5网格并将对齐项设置为居中。我试过style=“光标：指针；对齐项目：居中；左边距：自动”；但都是一样的。您能详细说明我应该做什么更改吗？显示必须是网格。打开网页，按f12键并找到元素，然后可以在那里测试所需的样式。我发现这部分是导致问题的原因。如果我删除了transform:translate，它就会工作。然而，这是ngx引导/datepickerI的一部分，我还不知道如何解决它。我会使用HTML5网格并将justify项设置为中心。我试过style=“光标：指针；对齐项目：居中；左边距：自动”；但都是一样的。您能详细说明我应该做什么更改吗？显示必须是网格。打开网页，按f12键并找到元素，然后可以在那里测试所需的样式。我发现这部分是导致问题的原因。如果我删除了transform:translate，它就会工作。然而，这是ngx引导/datepickerI的一部分，我还不知道如何解决它。