关于AUI框架自学心得

2018年8月25日今天星期六，这段时间接触到移动端布局框架AUI，借着早上一个小时时间大致看了一下开发文档（后面统称文档），对AUI一点认识。

目前2.0版本为最新版，这个版本和1.0比较升级很多。

文档中原文讲到

“在2.0中，全局使用rem控制尺寸，完美适应不同分辨率移动设备；”

“html默认定义的尺寸为20px，那么1rem=20px；开发者在定义尺寸及字号时可以根据此比例来控制，比如，14px = 0.7rem*20。”

标准的AUI的HTML头文件配置方式：

<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>AUI快速完成布局</title>
<link rel="stylesheet" type="text/css" href="../../css/aui.2.0.css" />

这里面有大量class设置，使用起来确实很方便。

下面是笔记：

1、修改aui中css的样式必须要!important 例如：

.aui-iconfont {font-size: 22px !important;
}

转载于:https://www.cnblogs.com/Webzhoushifa/p/9533001.html

关于AUI框架自学心得相关推荐

(三) Angular2项目框架搭建心得
前言: 在哪看到过angular程序员被React程序员鄙视,略显尴尬,确实Angular挺值得被调侃的,在1.*版本存在的几个性能问题,性能优化的"潜规则"贼多,以及从1.*到2 ...
AUI框架的介绍和使用
简单来说,AUI框架就是一个用于移动端开发的前端框架,能够为你的移动端开发节省很多时间,并且为你提供好看的样式和更好的用户体验.如果想要进AUI官网查看详细的介绍,请点这里. 作为一个前端程序员,会使 ...
分享一款基于aui框架的图文发布界面
本文出自APICloud官方论坛, 感谢论坛版主川哥哥的分享. 分享一款基于aui框架的图文发布界面,可以添加多张图可以删除,类似qq空间发布说说,没做服务器后端,只演示前端操作. 需要用到UIM ...
业余数学牛人的数学自学心得
来源: 善科问答发布时间: 2013-01-03 18:39 阅读: 10743 次推荐: 34 原文链接 [收藏] 这篇文章是一个非数学专业的自学心得.作者分享了自学中的一些个 ...
业余数学牛人的数学自学心得(转)
转自:http://kb.cnblogs.com/page/168306/ 这篇文章是一个非数学专业的自学心得.作者分享了自学中的一些个人的见解,或许对很多科班数学的朋友并不适用.作者的背景:吉林大学 ...
我的一点自学心得[摘]
我的一点学习心得[强烈推荐给新手](转) 我的一点自学心得[转帖](强烈推荐给新手) 在网上常看到朋友问很多有关于数学学习的问题,有数学系的,也有纯自学的,许多问题我都亲身经历过.在这里就简单说一下我 ...
Liferay的AUI框架如何学习
一.AUI是什么? Liferay中的AUI框架,官方叫做Alloy,是一个UI超框架,能为浏览器的三方面,结构,风格和表现建立网络应用提供连续的简单的API. 它融合了三种设计语言:HTML, CS ...
H5移动开发AUI框架入门---博客园老牛大讲堂
大家都知道H5可以开发移动端的页面,网上提供的移动端的开发都有很多.因为我学习了AUI框架,所以我这里介绍一下移动端AUI框架.--博客园老牛大讲堂一.AUI框架是什么?---博客园老牛大讲堂 AU ...
Liferay的AUI框架Alloy
一.AUI是什么? Liferay中的AUI框架,官方叫做Alloy,是一个UI超框架,能为浏览器的三方面,结构,风格和表现建立网络应用提供连续的简单的API. 它融合了三种设计语言:HTML, CS ...

关于AUI框架自学心得

关于AUI框架自学心得相关推荐

最新文章

热门文章