角材料日期选择器大小

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 中，所有表格的宽度都设置为 100%

table {
    width:100%;
}

当我删除它时，md-datepicker 停止了奇怪的行为。