Açısal Malzeme Flex yanlış boyutta

Question

verir Angular, Açısal Malzeme düzeni kitaplığında flex ayarı için belirli değerler çalışmıyor gibi görünüyor.

İşte bu davranışı gösteren çok basit bir örnek. Gördüğünüz gibi, bazı değerlerin boyutlarının doğru olduğunu ve diğerlerinin hiçbir anlam ifade etmediğini görebilirsiniz.

http://codepen.io/anon/pen/RaQzxr

Herkes önce bu gören var mı? Eğik Malzeme sitesinden

<div ng-cloak ng-app="MyApp"> 

    <div layout="row"> 
    <md-card flex="10"> 
     <h2>Card title #1</h2> 
     <md-card-content> 
     <p>This should be 10%!</p> 
     </md-card-content> 
    </md-card> 
    <md-card flex> 
    </md-card> 
    </div> 
    <div layout="row" layout-xs="column"> 
    <md-card flex="11"> 
     <h2>Card title #1</h2> 
     <md-card-content> 
     <p>This should be 11%!</p> 
     </md-card-content> 
    </md-card> 
    <md-card flex> 
    </md-card> 
    </div> 
    <div layout="row" layout-xs="column"> 
    <md-card flex="12.5"> 
     <h2>Card title #1</h2> 
     <md-card-content> 
     <p>This should be 12.5%!</p> 
     </md-card-content> 
    </md-card> 
    <md-card flex> 
    </md-card> 
    </div> 
    <div layout="row" layout-xs="column"> 
    <md-card flex="15"> 
     <h2>Card title #1</h2> 
     <md-card-content> 
     <p>This should be 15%!</p> 
     </md-card-content> 
    </md-card> 
    <md-card flex> 
    </md-card> 
    </div> 
    <div layout="row" layout-xs="column"> 
    <md-card flex="16"> 
     <h2>Card title #1</h2> 
     <md-card-content> 
     <p>This should be 16%!</p> 
     </md-card-content> 
    </md-card> 
    <md-card flex> 
    </div> 
    <div layout="row" layout-xs="column"> 
    <md-card flex="19"> 
     <h2>Card title #1</h2> 
     <md-card-content> 
     <p>This should be 19%!</p> 
     </md-card-content> 
    </md-card> 
    <md-card flex> 
    </md-card> 
    </div> 
    <div layout="row" layout-xs="column"> 
    <md-card flex="20"> 
     <h2>Card title #1</h2> 
     <md-card-content> 
     <p>This should be 20%!</p> 
     </md-card-content> 
    </md-card> 
    <md-card flex> 
    </md-card> 
    </div> 
</div> 

Answer 1

alıntı:. "Bir düzen çocuğun esnek yönerge 0-100 aralığında bir tamsayı değeri verilebilir öğe değerini eşleşen kullanılabilir alan yüzdesine uzanacaktır Halen esnek yönerge değeri. beş, 33 veya 66 katlarıyla sınırlıdır. "

https://material.angularjs.org/latest/layout/children