グリッドシステムが壊れていますか？

Question

私はcdnからmdl 1.1.3を使ってデモプロジェクトを行っています。私のレイアウトは

<div class="mdl-grid"> 
    <div class="mdl-cell mdl-cell--3-col mdl-cell--6-col-tablet mdl-cell--12-col-phone">div1</div> 
    <div class="mdl-cell mdl-cell--3-col mdl-cell--6-col-tablet mdl-cell--12-col-phone">div2</div> 
    <div class="mdl-cell mdl-cell--3-col mdl-cell--6-col-tablet mdl-cell--12-col-phone">div3</div> 
    <div class="mdl-cell mdl-cell--3-col mdl-cell--6-col-tablet mdl-cell--12-col-phone">div4</div> 
</div> 

mdl @mediaクエリは私に6列セルの親divの75％を与えます。

@media（最小幅：480PX）と（最大幅：839px）

• の.mdl細胞 - 12.5％で1-COL
• の.mdl細胞 - 2- 25％
• の.mdl細胞におけるCOL - 37.5％
• の.mdl細胞における3-COL - 75％4-COLが25％
• の.mdl細胞でなければならない - 5 -cool at 62.5％
• .mdl-cell-6-colour at 75％at 50％
• の.mdl細胞 - 7-COL 87.5％で
• の.mdl細胞 - 100％の8-COL
• の.mdl細胞 - 100％の9-COL
• .mdl-セル - 100％
• の.mdl細胞での10-COL - 100％
• の.mdl細胞での11-COL - 12-COL 100％で

はMDL障害またはIです何か間違っている？

Answer 1

MDLサイトは答えを出しました.MDLは、他のcssフレームワークとは異なるグリッドシステムに対応しています。最大セル数は、画面サイズによって異なります。デスクトップ画面の

• 12細胞錠剤用
• 8細胞我々はこの
  ようにそれをコーディングする必要が上記のような単純なレイアウトのために前記電話

ため

4細胞

<div class="mdl-grid"> 
    <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone">div1</div> 
    <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone">div2</div> 
    <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone">div3</div> 
    <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone">div4</div> 
</div>