「Mobi.css」轻量，灵活的移动端 css library， built with love

[xcatliu]

最近做了一个 css library ，颇废了一番功夫。

这里先把它分享给大家，欢迎 star ，欢迎试用！

• GitHub
• Homepage

PS ：将来 Homepage 会转到 http://getmobicss.com/ ，目前这个域名我已经买了，但是说需要 60 天才能转移。

简单介绍

Mobi.css 是一个轻量，灵活的移动端 css library 。特点如下：

• 只有 2.8kb after gzip ，比 Skeleton, Pure.css, Bootstrap v4 等所有 css 库都小
• 大量使用 Flexbox ，非常灵活， Homepage 基本上没有写额外的 css ，只有不到 10 行的 inline-style
• Focus on mobile ，在 desktop 端相当于展示的还是 mobile 的页面，不过可以在左侧或右侧加上侧边栏

更多介绍请看 Homepage

最后奉上 Mobi.css 的 Logo

[BOYPT]

@xcatliu 噢 我看漏了，说的就是 col-half, col-third and col-quarter ，已经有了。应该比较足够用了， nice job

[bertonzh]

4.3 下 flex 是老语法，需要用 autoprefixer 做后处理，看了下你的 dist 文件，没有 `-webkit-flex`，没有 `-webkit-box`，在低端版本下肯定惨不忍睹了。

而且即使是使用了 autoprefixer ， flex 在 4.3 下和标准的浏览器有些地方还是有区别，需要特殊处理。

[bertonzh]

checkbox 和 radio 最好处理下，不同系统的差异还是比较大的。而且自定义起来也没啥兼容性问题。

[xcatliu]

@bertonzh Autoprefixer 稍后加上， checkbox 和 radio 我再去调研一下各平台的样式。

多谢建议！

[yoa1q7y]

这里感觉还可以调整一下

[xcatliu]

@yoa1q7y 嗯这个是系统的 radio 样式，我稍后做一些调整吧

多谢建议！

[tkpc]

赞

[shellcodecow]

很赞，收藏

[horizon]

楼主有时间能不能分享一下要写这种的 css library 的设计思路呢。

[xcatliu]

@horizon 嗯，等当前版本基本稳定之后写个分享。感谢支持！

[arslion]

ಠ_ಠ 为什么要这样

[xcatliu]

@arslion 太细心了。。。我都没注意到，稍后改过来。多谢！

[acdea4effdbb420d]

看起来不错，希望能长期坚持

[xcatliu]

@acdea4effdbb420d 谢谢支持，后续打算先做个 hexo 主题

[sammiriam]

赞一个

[andypinet]

input 不要直接改

[xcatliu]

@andypinet 谢谢关注。请问可以描述具体一点吗？没有理解 input 不要直接改是什么意思

[andypinet]

@xcatliu bootstrap2 直接对 input 添加样式导致问题 bootstrap3 统一成 form-control 类

[xcatliu]

@andypinet 懂了，回头我看看相关的资料，多谢建议！

[newbieo0O]

单选按钮和文字没对齐啊，太挤了。 Mac Safari