角材料日期選擇器大小

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停止了動作。