Materializecss Frameworkの行のレスポンス

Question

Materializecss.itで簡単な1ページのポートフォリオを構築していますが、ブラウザでうまく見えますが、クロムのサイズを小さくするとモバイルで非常に不調です。 Browserではこのように見えますが、私はこれをthis wayのテキスト整列とprpoerly管理のresposivenessにする必要があります。

Answer 1

<div class="row"> <div class="grid-example col m6 s12">I'm a web designer</div> <div class="grid-example col m6 s12">I'm a web developer</div> </div>

（materialize.cssに基づいて）上記のコードは600PXよりも大きい任意のデバイス上の半値幅をカバーする、より小さなデバイスでは、全幅をカバーします。

ログインinfo

Answer 2

小型/中型/大型デバイス用の列サイズクラス（http://materializecss.com/grid.html）を使用して、hide-on-classesと組み合わせて、あなたが望むもの（http://materializecss.com/helpers.html）を達成することができます。

要素が行div内にある必要があることに注意してください。