jQuery Mobile - grades responsivas

A grade padrão é responsiva substituindo os estilos de grade abaixo de um único ponto de interrupção. max-widthé usado como uma substituição para aplicar o estilo empilhado. Para definir os estilos de consulta de mídia, incluaclass my-breakpoint. Você pode incluir pontos de interrupção adicionais ou personalizar ainda mais a aparência.

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