Mobi.css

大部分 CSS 框架都有响应式布局，使用媒体查询将内容在不同大小屏幕上重新排版，使一个网站能够兼容不同大小屏幕的设备。

虽然框架帮你减少了很多工作，但是你还是需要设计各个大小屏幕的设备的样式，代码也会有冗余（比如 Bootstrap 的代码：<div class="col-xs-12 col-sm-6 col-md-8">），并且需要在每个设备上进行测试。

如果你想开发一个移动端网页，Mobi.css 提供了一个更简单易行的解决方案。

在移动端设备（宽度小于 768px）上，容器宽度将会充满整个屏幕。

其他情况下，容器将会有一个固定宽度，并且水平居中在屏幕中。这样的话就不会破坏你为移动端设计的样式，而就像在桌面端访问移动端的页面一样。

Mobi.css优点：

压缩后只有 4.6kb，比 Skeleton、Pure.css、Bootstrap 等所有 CSS 库都小

大量使用 Flexbox ，非常灵活，官方网站只有不到 10 行的自定义样式

专注于移动端，桌面端端相当于展示的还是移动端的页面，不过可以在左侧或右侧加上侧边栏