文章發佈日期: 2021-09-20
小知識教學類型: 手機應用程式開發
jQuery Mobile內置包含了一系列的Grids可供手機應用程式Apps編寫員來製作和設計手機程式界面的顯示區塊和layouts，而且都是CSS-based，簡單易用。以下簡單介紹一下各類的Grid Class:
ui-grid-solo: 1 column, 100% column width
ui-grid-a: 2 columns, 50% / 50% column width
ui-grid-b: 3 columns, 33% / 33% / 33% column width
ui-grid-c: 4 columns, 25% / 25% / 25% / 25% column width
ui-grid-d: 5 columns, 20% / 20% / 20% / 20% / 20% column width
由於jQuery Mobile Grids是CSS-based，所以手機應用程式Apps編寫員亦可自行去修改相關的css排版。
