MDLでグリッドが12列固定になってしまう

Q.

GoogleのフレームワークMaterial Design Lite(MDL)で、グリッドを使いたい。そこでドキュメント通りにmdl-gridやmdl-cellを書いたが、スマホやタブレットでも横12列のままになってしまう。

公式ドキュメント自体はスマホで見るとちゃんと横4列になる。

A.

head内に

<meta name="viewport" content="width=device-width" >

を記載する。このコードの適切な説明はググると出てくると思います。