2022-04-01 18:57发布
采用rem单位自动响应,并提供独有栅格化系统快速定义宽高、边距节省css代码量,同时总结各大型移动端网页,提供一套ui颜色搭配规范,尺寸规范,字体规范等。
miniMobile 是一个专注于移动端网页的框架,使用该框架需要有一定的布局基础,该框架原则上可以定义大部分常见元素的宽高,以及边距、字体大小规范,颜色规范等。同时提供了less文件,可以设置不同颜色解决实际开发所遇到的问题。miniMobile并不单单是提供了常用的移动端ui,更多的是提供了一种简便的开发策略,让开发者快速上手!
1、下载miniMobile,引入miniMobile.css 和miniMobile.js ,同时需要在miniMobile.js前引入jQuery或者Zepto。
2、 理解1rem = 100px,1个rem对应100px的设计稿,并根据官网的文档,理解w1-w75、h1-h75的概念。
3、 更多的规范可浏览官方网站。
miniMobile 是一个专注于移动端网页的框架,使用该框架需要有一定的布局基础,该框架原则上可以定义大部分常见元素的宽高,以及边距、字体大小规范,颜色规范等。同时提供了less文件,可以设置不同颜色解决实际开发所遇到的问题。miniMobile并不单单是提供了常用的移动端ui,更多的是提供了一种简便的开发策略,让开发者快速上手
miniMobile严格来说并不是一套UI框架,它内置定义好的UI组件实际上非常少,更多的是依靠它的栅格系统、间距系统、以及字体的变换等组合出不同的组件效果,你可以很容易组合出一个适用于你的项目的列表或者结构布局,而且在繁复的文字排版中,miniMobile显得特别灵活易用。 miniMobile在实现代码公用部分提取的同时,给了使用者修改的灵活性。对于代码的规范化、精简化
HTML5 + CSS + JavaScript 开发 跨平台重用代码
iView UI、ioni、SUI
内部图表大小是与div容器大小位置相关的,如果想调整图表大小位置,调整div的属性就可以。如果是想调整图表与div间上下左右留白,则设置grid属性就可以。
jQTouch
如果只是普通的移动端用vue react 或者dva 如果是要编译成小程序什么的或者混生 就用uni-app(对应vue语法)taro(对应react) 或者纯原生 这个没有限制的,自己怎么舒服怎么来
使用 /deep/ 注意:使用 cass 和 less 只能使用 /deep/ 这个方法
1. 原生。直接告诉你,开发太慢,不能跨平台,先不要学。2. 使用WebView的hybrid app,Cordova/ionic 这些。就是用浏览器运行html,js,css仿app,我用了好几年,学习快,开发块,跨平台。问题是每个安卓版本/苹果版本/浏览器版本运行效果不一致,有些版本还运...
常用的移动APP开发框架:1、框架:PhoneGapPhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。优点:可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。 提供硬件访问控...
1. LungoJS 这个是被认为开发移动网站最好的HTML5开发框架,使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性,可捕捉事件包括滑动、触屏、长按等。无需...
手机移动端响应式动画弹窗提示框插件xwPop,原生JS实现,带CSS3动画效果,丰富的JS弹出框提示信息插件,支持基本信息提示、带图标loading信息提示、confirm提示、自定义信息提示图标,仿Ios信息提示,支持较现代的浏览器。在没有压缩的情况下,代码大小只有6K...
快速搭建自适应网站:http://www.iisp.com/design/?s=yuqiuping
最多设置5个标签!
采用rem单位自动响应,并提供独有栅格化系统快速定义宽高、边距节省css代码量,同时总结各大型移动端网页,提供一套ui颜色搭配规范,尺寸规范,字体规范等。
miniMobile 是一个专注于移动端网页的框架,使用该框架需要有一定的布局基础,该框架原则上可以定义大部分常见元素的宽高,以及边距、字体大小规范,颜色规范等。同时提供了less文件,可以设置不同颜色解决实际开发所遇到的问题。miniMobile并不单单是提供了常用的移动端ui,更多的是提供了一种简便的开发策略,让开发者快速上手!
1、下载miniMobile,引入miniMobile.css 和miniMobile.js ,同时需要在miniMobile.js前引入jQuery或者Zepto。
2、 理解1rem = 100px,1个rem对应100px的设计稿,并根据官网的文档,理解w1-w75、h1-h75的概念。
3、 更多的规范可浏览官方网站。
miniMobile 是一个专注于移动端网页的框架,使用该框架需要有一定的布局基础,该框架原则上可以定义大部分常见元素的宽高,以及边距、字体大小规范,颜色规范等。同时提供了less文件,可以设置不同颜色解决实际开发所遇到的问题。miniMobile并不单单是提供了常用的移动端ui,更多的是提供了一种简便的开发策略,让开发者快速上手
miniMobile严格来说并不是一套UI框架,它内置定义好的UI组件实际上非常少,更多的是依靠它的栅格系统、间距系统、以及字体的变换等组合出不同的组件效果,你可以很容易组合出一个适用于你的项目的列表或者结构布局,而且在繁复的文字排版中,miniMobile显得特别灵活易用。 miniMobile在实现代码公用部分提取的同时,给了使用者修改的灵活性。对于代码的规范化、精简化
相关问题推荐
HTML5 + CSS + JavaScript 开发 跨平台重用代码
iView UI、ioni、SUI
内部图表大小是与div容器大小位置相关的,如果想调整图表大小位置,调整div的属性就可以。如果是想调整图表与div间上下左右留白,则设置grid属性就可以。
jQTouch
如果只是普通的移动端用vue react 或者dva 如果是要编译成小程序什么的或者混生 就用uni-app(对应vue语法)taro(对应react) 或者纯原生 这个没有限制的,自己怎么舒服怎么来
使用 /deep/ 注意:使用 cass 和 less 只能使用 /deep/ 这个方法
1. 原生。直接告诉你,开发太慢,不能跨平台,先不要学。2. 使用WebView的hybrid app,Cordova/ionic 这些。就是用浏览器运行html,js,css仿app,我用了好几年,学习快,开发块,跨平台。问题是每个安卓版本/苹果版本/浏览器版本运行效果不一致,有些版本还运...
常用的移动APP开发框架:1、框架:PhoneGapPhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。优点:可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。 提供硬件访问控...
1. LungoJS 这个是被认为开发移动网站最好的HTML5开发框架,使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性,可捕捉事件包括滑动、触屏、长按等。无需...
手机移动端响应式动画弹窗提示框插件xwPop,原生JS实现,带CSS3动画效果,丰富的JS弹出框提示信息插件,支持基本信息提示、带图标loading信息提示、confirm提示、自定义信息提示图标,仿Ios信息提示,支持较现代的浏览器。在没有压缩的情况下,代码大小只有6K...
快速搭建自适应网站:http://www.iisp.com/design/?s=yuqiuping