miniMobile 轻量级手机框架
由 •
网络 收集
2019-08-16
分类:
其他通用
浏览:2542次
仅支持手机
从“百分比”布局到响应式媒体查询(@media)技术,再由媒体查询到移动端优先框架Bootstrap,移动端网页布局经历了很多种技术变革。准确的说,bootstrap是针对一套网页从移动端到pc端的一个完美过渡,它并没有针对移动端或者单独针对pc端,而miniMobile是采用rem为单位,专门针对移动端网页布局的框架!
miniMobile严格来说并不是一套UI框架,它内置定义好的UI组件实际上非常少,更多的是依靠它的栅格系统、间距系统、以及字体的变换等组合出不同的组件效果,你可以很容易组合出一个适用于你的项目的列表或者结构布局,而且在繁复的文字排版中,miniMobile显得特别灵活易用。
miniMobile在实现代码公用部分提取的同时,给了使用者修改的灵活性。如果你的移动项目非常大又或者说会有不同的人来管理,他只要知道miniMobile基本的规范就足够接触该项目了。
布局优势:
1、最少的代码实现最多的布局,miniMobile公共js部分共8kb,css代码只有13.3kb,基本覆盖了80%移动端常用元素!
2、不同的栅格化布局,实现任意块元素class调用方式定义宽高间距,趋近“零css代码编写”!
3、灵活方便,可以组合出大部分网页布局,同时对移动网页规范化。
4、一对一还原设计稿件,不用考虑块元素换行变换样式,不必变换窗口大小调整布局。
5、插件多且灵活,随用随调。
6、简单原始,入门成本较低,能快速投入开发项目。
miniMobile 对于代码的规范化、精简化,有助于使其成为中大型项目的得力助手!