am-u-sm-6(或其他数字) am-u-md-6(或其他数字) am-u-lg-3(或其他数字)
这些事什么意思呢?
网站上查资料发现:
am-u-sm-* 0-640px
am-u-md-* 640px-1024px
am-u-lg-* 1025px+
.am-g表示行
.am-u-sm(/md/lg)-n表示列
n代表比例
n/12 整个屏幕被分成12份儿
比如am-u-sm/md/lg-6
这个类中
am是amaze的意思 u是unite的意思 可以理解成网格
sm代表small,也就是小的、手机屏幕
md是Middle,也就是中等的、pad屏幕
lg是large,也就是大的、电脑屏幕
补充:
以上是网格的基本;
以下是等分网格的用法;
am-avg-sm-* 0-640px
am-avg-md-* 640px-1024px
am-avg-lg-* 1025px+
与布局网格不同的是,这里的数字表示几等分,而不是占 12 等分中的几列,比如.am-avg-sm-2
会将子元素 <li>
的宽度设置为 50%
更详细的内容,容我直接贴出来:【amaze UI 笔记 - CSS】http://www.cnblogs.com/crafts/p/4152921.html