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