- 類型 布局寬度 列寬 間隙寬度
- 大屏幕 大於等於1200px 70px 30px
- 默認 大於等於980px 60px 20px
- 平板 大於等於768px 42px 20px
- 手機到平板 小於等於767px 流式列，無固定寬度
- 手機 小於等於480px 流式列，無固定寬度
- /* 大屏幕 */
- @media (min-width: 1200px) { ... }
- /* 平板電腦和小屏電腦之間的分辨率 */
- @media (min-width: 768px) and (max-width: 979px) { ... }
- /* 橫向放置的手機和豎向放置的平板之間的分辨率 */
- @media (max-width: 767px) { ... }
- /* 橫向放置的手機及分辨率更小的設備 */
- @media (max-width: 480px) { ... }