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

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值