前端响应式框架对比

对比日期：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