Javascript 角度材质日期选择器大小错误

我一直在尝试使用Material Datepicker，但当我进入大屏幕时，picker格式会崩溃（见图），尽管我将其定义为md内容环境，它使用并占据整个屏幕。当屏幕设置为较小尺寸时，如何限制选择器容器的大小，因为它可以正常工作。设置它是有意义的，这样它就永远不会超过给定的像素数，但我无法计算/找到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>

---

日期选择器似乎运行良好。这是我的钢笔。检查你的钢笔，看看你是否把所有的东西都写进了完整的代码中

HTML

<div ng-controller="AppCtrl" ng-cloak="" class="datepickerdemoBasicUsage" ng-app="MyApp">
  <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>
</div>

CSS

angular.module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache']).controller('AppCtrl', function($scope) {
  $scope.myDate = new Date();
});

.datepickerdemoBasicUsage {
  /** Demo styles for mdCalendar. */ }
  .datepickerdemoBasicUsage md-content {
    padding-bottom: 200px; }
  .datepickerdemoBasicUsage .validation-messages {
    font-size: 12px;
    color: #dd2c00;
    margin-left: 15px; }

---

日期选择器似乎运行良好。这是我的钢笔。检查你的钢笔，看看你是否把所有的东西都写进了完整的代码中

HTML

<div ng-controller="AppCtrl" ng-cloak="" class="datepickerdemoBasicUsage" ng-app="MyApp">
  <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>
</div>

CSS

angular.module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache']).controller('AppCtrl', function($scope) {
  $scope.myDate = new Date();
});

.datepickerdemoBasicUsage {
  /** Demo styles for mdCalendar. */ }
  .datepickerdemoBasicUsage md-content {
    padding-bottom: 200px; }
  .datepickerdemoBasicUsage .validation-messages {
    font-size: 12px;
    color: #dd2c00;
    margin-left: 15px; }

---

我遇到了这个问题

确保您的css文件中没有

table {
    width:100%;
}

---

删除这是我遇到的解决此问题的方法

确保您的css文件中没有

table {
    width:100%;
}

这是我的解决方案