角材 - 固定幅を設定しますか？

Question

は、私は角材質のドキュメントhereを追ってきたが、このセクションでトラブルを抱えています：

フレックス=「なし」に成長しないか、縮小することはありません。その幅に基づいてサイズが設定され、 の高さの値。

どのように幅と高さの値を設定しますか？ CSSを試しましたが、 "flex"が有効になっているため無視されます。

申し訳ありませんが、これはばかげた質問です - ドキュメントでは、これを行う方法については言いませんか？

Answer 1

アンギュラマテリアルのレイアウト機能をより簡単にCSS3 フレックスボックスの上に近代的な、応答性のレイアウトを作成するために、開発者 を有効にするために砂糖を提供しています。

あなたがピクセルの面で一定の幅と高さをしたい場合は、あなたのタグを使用することができ、flexプロパティなしmd-contentを言うと、通常の方法でそれにCSSを与える：

HTML

<md-content>Some content</md-content> 

CSS

md-content { 
    background-color: teal; 
    height: 100px; 
    width: 100px; 
} 

---

フレックスは事を簡単にします。 Flexプロパティを使用して高さと幅を簡単に設定できます。たとえば、次のコードは、アンギュラ材料レイアウトドキュメントへのthis参照をチェック50%

に

<div layout="row"> 
    <div style="background-color:teal; height: 50px;" flex="50"> 
    </div> 
</div> 

をdiv幅を設定します。