角度材料日期選取器大小

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-日期選擇器停止怪怪的。