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