角度材料日期选择器大小

Question

我一直在尝试使用Material Datepicker，但是当我进入大屏幕时，拾取器格式会爆炸（见图）。当屏幕设置为较小尺寸时，如何限制拾取器容器的大小，因为它可以正常工作。设置它以使其永远不会超过给定数量的像素是有意义的，但我无法找到/找到CSS标签来执行此操作。

我从演示中复制了我的选择器HTML：

 <md-content layout-padding>
    <div layout-gt-xs="row">
      <div flex-gt-xs>
        <h4>Standard date-picker</h4>
        <md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>
      </div>
    </div>
    </md-content>

尝试此CSS不会产生任何结果

.md-datepicker-input-container {
  width: 50%;
  margin-left: 0px;
}

Answer 1

我遇到过这个问题。

在我的css的某个地方所有的桌子＆＃39;宽度设置为100％

table {
    width:100%;
}

当我删除它时，md-datepicker停止了表现怪异。