- 类型 布局宽度 列宽 间隙宽度
- 大屏幕 大于等于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) { ... }