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;
   }
}

❮ jQuery Mobile - 布局