关于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;
}