Jquery-mobile-responsive-grids

jQuery Mobile-レスポンシブグリッド

標準のグリッドは、単一のブレークポイントの下のグリッドスタイルをオーバーライドすることにより、応答性が高くなります。 max-width は、スタックされたスタイルを適用するオーバーライドとして使用されます。 メディアクエリのスタイルをスコープするには、 _ class my-breakpoint_ を含めます。 追加のブレークポイントを含めるか、外観をさらにカスタマイズできます。

@media all and (max-width: 35em) {
   .my-breakpoint .ui-block-a,
   .my-breakpoint .ui-block-b,
   .my-breakpoint .ui-block-c,
   .my-breakpoint .ui-block-d,
   .my-breakpoint .ui-block-e {
      width: 100%;
      float: none;
   }
}