关于AUI框架自学心得

2018/08/25 09:49
阅读数 36

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

 

展开阅读全文
aui
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部