角度材料Flexのサイズが間違っている

Question

角度材料レイアウトライブラリでflexを設定するための特定の値が機能していないようです。

これは、この動作を示す非常に簡単な例です。クリックスルーするとわかるように、いくつかの値のサイズは正確であり、他のものは意味をなさないと思われます。

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

誰もが前にこれを見ていますか？

<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

角度素材サイトからの引用：「レイアウト子供のフレックスディレクティブは0〜100の整数値を与えることができる要素が値に一致する利用可能なスペースの割合を伸ばすだろう現在、フレックス指令値5、33、または66の倍数に制限されています。

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