miniMobile框架_移动端UI_手机端

miniMobile是一款专注移动端的网页框架,提供简单的demo和实现方式,优秀的栅格化系统,边距系统,让前端开发者排版移动端网页更容易
代码笔记
演示地址 下载地址 打赏
 
从“百分比”布局到响应式媒体查询(@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 对于代码的规范化、精简化,有助于使其成为中大型项目的得力助手!

※ 网页工具/插件分类