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