大部分 CSS 框架都有响应式布局，使用媒体查询将内容在不同大小屏幕上重新排版，使一个网站能够兼容不同大小屏幕的设备。
虽然框架帮你减少了很多工作，但是你还是需要设计各个大小屏幕的设备的样式，代码也会有冗余(比如 Bootstrap 的代码：
)，并且需要在每个设备上进行测试。
如果你想开发一个移动端网页，Mobi.css 提供了一个更简单易行的解决方案。
在移动端设备(宽度小于 768px)上，容器宽度将会充满整个屏幕。
其他情况下，容器将会有一个固定宽度，并且水平居中在屏幕中。这样的话就不会破坏你为移动端设计的样式，而就像在桌面端访问移动端的页面一样。
Mobi.css优点：
压缩后只有 4.6kb，比 Skeleton、Pure.css、Bootstrap 等所有 CSS 库都小
大量使用 Flexbox ，非常灵活，官方网站只有不到 10 行的自定义样式
专注于移动端，桌面端端相当于展示的还是移动端的页面，不过可以在左侧或右侧加上侧边栏
994
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
