Angular Material Datumsauswahl Größe

Question

Ich habe versucht, das Material Datepicker zu verwenden, aber wenn ich auf große Bildschirme komme, explodiert das Picker-Format (siehe Bild). Wie beschränke ich die Größe des Auswahlcontainers, wie es ordnungsgemäß funktioniert, wenn der Bildschirm auf kleinere Größen festgelegt wird. Es macht Sinn, es so einzustellen, dass es niemals größer wird als eine gegebene Anzahl von Pixeln, aber ich kann die CSS-Tags dafür nicht herausfinden/finden.

ist mein HTML-Code des Picker aus der Demo kopiert:

<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> 

keine Ergebnisse

.md-datepicker-input-container { 
    width: 50%; 
    margin-left: 0px; 
} 

Answer 1

ich in dieser Frage laufen habe dieses CSS Ausbeuten Versuch.

Irgendwo in meinem css alle width Tabellen wurde auf 100% gesetzt

table { 
    width:100%; 
} 

Wenn ich entfernt, dass die md-Datepicker seltsam gestoppt handeln.