css媒体查询的使用

1、尽量把媒体查询放在相关规则附近，不要放在文档底部，否则很容易被后来维护的人遗忘。

2、媒体查询针对每一个种屏幕（大、中、小）的分别单独组织为一个文件。

实例

.element{
}
.element-avatar{
}
.element-selected{
}


/*base-media-small.css*/
@media(min-width:480px){
.element{
}
.element-avatar{
}
.element-selected{
}
}