jQuery Mobile: griglie reattive

La griglia standard è resa reattiva sovrascrivendo gli stili di griglia sotto un singolo punto di interruzione. max-widthviene utilizzato come sostituzione per applicare lo stile in pila. Per definire l'ambito degli stili per le media query, includereclass my-breakpoint. È possibile includere un punto di interruzione aggiuntivo o personalizzare ulteriormente l'aspetto.

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