jQuery Mobile - Grilles réactives

La grille standard est rendue réactive en remplaçant les styles de grille sous un seul point d'arrêt. max-widthest utilisé comme remplacement pour appliquer le style empilé. Pour définir la portée des styles de requête multimédia, incluezclass my-breakpoint. Vous pouvez inclure des points d'arrêt supplémentaires ou personnaliser davantage l'apparence.

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