amaze ui使用简介

amaze ui使用简介

amaze UI

类似于bootstrap

不过比bootstrap更加轻量级

可以用来开发响应式网站，并且是移动优先的，针对移动设备开发的网站可以考虑使用这个框架

css中的网格

首先要对框架的命名规则有所了解

然后自己在使用框架开发的过程中也根据框架的命名规则来给自己的代码命名

.am-g表示行

.am-u-sm-n表示列

比如am-u-sm/md/lg-n

这个类中 am是amaze的意思  u是unite的意思 可以理解成网格 

sm代表small是手机屏幕

md是Middle  代表平板等的屏幕

lg是pc的屏幕 large的意思

n代表比例

n/12   整个屏幕被分成12份儿

-webkit是适用于safari或者chrome的

-moz是firfox的浏览器

通过网格系统可以做到

屏幕变小或者变大的时候

1.隐藏某一行

2.换列的比例

3.调整成两行

4.不变

等等

我在使用框架或者插件的时候遇到的一些问题：

1.JS在引用的时候应该注意引用的顺序，顺序不合适可能导致错误

比如 Jquery一般应该在别的js文件之前

因为别的js文件可能引用了JQ

2.注意选择器的优先级

3.IE浏览器debug注意下兼容模式与否，IE8，IE9，IE10，IE11

参考：

第一次使用框架-amaze UI - CSDN博客
https://blog.csdn.net/yoany/article/details/46907415