角度材料日期选取器大小

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