2016-09-26 6 views
0

私はMaterial Datepickerを使用しようとしていましたが、大きなスクリーンを見るとピッカーのフォーマットが爆発します(画像参照)。画面が小さいサイズに設定されている場合、ピッカーコンテナのサイズを正しく動作させるにはどうすればよいですか。与えられたピクセル数よりも大きくならないように設定するのは理にかなっていますが、これを行うにはCSSタグを見つけることができません。 this is the full width of my screen角度のある素材の日付ピッカーのサイズ

ピッカーの私のHTMLは、デモからコピーされます。このCSSをしようと

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

は、私はこの問題にに実行したいかなる結果

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

根本原因を見つけたことはありますか?私はこの問題も経験しています... – reedb89

答えて

1

が得られません。

私はMD-DatePickerのは奇妙な演技を停止、削除することをするとどこかに私のCSS内のすべてのテーブル幅を100%

table { 
    width:100%; 
} 

に設定しました。

関連する問題