Mobi.css v3 发布了，一个轻量、可拓展、移动端优先的 CSS 框架

[xcatliu]

• github: https://github.com/mobi-css/mobi.css
• 官网： http://getmobicss.com/

简单介绍

• 轻量级：压缩 gzip 后只有 2.6 kb
• 可拓展：可以引入 plugin 来拓展 Mobi.css ，并且每个 plugin 都可以独立于框架使用
• 移动端优先：为移动端设计，在桌面端也表现良好

前贴： https://www.v2ex.com/t/302356

Q&A

Mobi.css 有哪些其他框架没有的特性呢？

1. flexbox 很好用 http://getmobicss.com/docs/flexbox.html
2. 每个 plugin 可以独立使用，即使你不想用 Mobi.css ，也可以只用其中一个 plugin
3. 认为只使用 margin-top 分隔块比较好，所以几乎所有 margin-bottom 都为 0

为什么从 v1 直接跳到 v3 了？

因为开发了 v2 一段时间之后，遇到一些问题，过了一段时间才找到解决方案，此时以及离 v2 beta 版相差有点远了，所以就直接跳到了 v3

有 qq 群或微信群讨论吗？

有，qq 群 378244667 微信请加我 xcatliu，注明姓名和来自 v2ex，我拉你进群

---

其他问题可以在下面留言 😆

[ericls]

非常好！

[vacker]

支持下

[xcatliu]

@ericls 😁

[xcatliu]

@vacker 感谢支持！

[hteen]

一直等 2 的我有点懵逼了😅

[xcatliu]

@hteen 其实和 2 区别不大哈，只是用了 lerna 管理多模块，构建改成了 postcss 加 nextcss，使用了 rem 做长度单位

[xcatliu]

@hteen 没有用 lerna 的时候，升级版本号真是改到我手软 😂

[kitty7030]

真小

[akaayy]

真短

[jjplay]

真快

[designer]

支持！

[ChiangDi]

大佬，Follow the rule of margin-top-only 是什么意思呢

[Hilong]

看到你这个帖子才发现已经过去一年了，去年第一版出来我就用上了，引入进来就为了用 flexbox，后面那个项目做完了。就没再关注了，没想到作者还在更新，支持一下，后面在自己的个人项目里再引入进来看看

[chuanqirenwu]

http://getmobicss.com/docs/create-a-theme.html 链接失效

[xcatliu]

@ChiangDi 意思就是遵循了只是用 margin-top 的设定
谢谢提醒，还来还是我表达的不清楚，我想象怎么改

[xcatliu]

@chuanqirenwu 这个链接是好的呀 http://getmobicss.com/docs/create-a-theme.html

[windfarer]

资磁一下

[joyqi]

搞 mobi。。。

[xcatliu]

@Hilong 感谢支持呀，现在如果只想用 flexbox，可以只引入这个 plugin 就行啦。
https://github.com/mobi-css/mobi.css/tree/master/packages/mobi-plugin-flexbox/dist

[xcatliu]

@ChiangDi 改成了
Only use margin-top to set gaps between block elements