开发者文档
响应式的12栏栅格系统,兼容三种主流屏幕尺寸 1024,1280/1366以及1440。实际上用户屏幕宽度在1024px以上的情况下会自动选择一个最佳的栅格宽度。
如果想关闭响应式布局,只需要删除 sui-responsive.less
文件即可。
1. 默认栅格系统
1
1
1
1
1
1
1
1
1
2
2
3
4
4
2
6
默认栅格系统每一栏是定宽的,并且宽度可以根据屏幕宽度在几个固定值之间变化,区别于流式栅格系统的百分比宽度。
2. 流式栅格系统
1
1
1
1
1
1
1
1
1
2
2
3
4
4
2
6
流式栅格系统每一栏的宽度都是其容器的百分比,因此会随着屏幕宽度的变化而不断变化,没有一个固定的宽度像素值。