前端响应式框架对比

前端响应式框架对比

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

你可能感兴趣的:(HTML5,bootstrap,foundation,semantic-ui,uikit)