前端响应式框架对比
对比日期：2017-04-20
| Bootstrap | Semantic UI | Foundation | UIkit | |
|---|---|---|---|---|
| 对比版本（最新版本） | 3.3 | 2.2 | 6.3 | 3.0 |
| Github stars | 109600 | 34167 | 25289 | 9040 |
| 依赖JavaScript库 | JQuery | JQuery | jQuery | jQuery |
| 核心文件及大小（参照bootcdn） | bootstrap.min.css（25.1KB） | semantic.min.css（115KB） | foundation.min.css（16KB） | uikit.min.css（33.7KB） |
| bootstrap.min.js（12.0KB） | semantic.min.js（85.7KB） | foundation.min.js（35.4KB） | uikit.min.js（30.7KB） | |
| Media queries | 点击查看 | 点击查看 | 点击查看 | 点击查看 |
| xs(>0px), sm(>750px), md(>970px), lg(>1170px) | mobile(>0px), tablet(>768px), computer(>992px) | small(>0px), medium(>640px), large(>1024px) | none(>0px), s(>640px), m(>960px), l(>1200px), xl(>1600px) | |
| Grid | 点击查看 | 点击查看 | 点击查看 | 点击查看 |
| 最大12列 | 最大16列 | 最大12列 | 最大10列 | |
| Visibility | 点击查看 | 点击查看 | 点击查看 | 点击查看 |
| 优点 | 用户最多，兼容性比较好 | 正如其名，是一个语义化设计的框架，组件多 | 没什么特别突出的优点 | UI设计颜值高，组件多 |
| 缺点 | 为了兼容性比较保守，所以自带组件比较少 | 体积过大，这也是语义化这个特质本身导致的 | UI设计比较土 | 兼容性差，IE浏览器兼容到10 |
扫一扫
1888
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
