am-u-sm-6 am-u-md-6 am-u-lg-3

来源:互联网 发布:软件测试自学网络课程 编辑:程序博客网 时间:2024/05/16 19:08

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

原创粉丝点击