css3 响应式布局的坑

在响应式布局的时候，由于不太熟练浮动布局，所以就用css3最新的弹性盒布局和网格布局来做，在做响应式的时候遇到了有点坑。
之前的代码：
@media (max-width:570px) {   
}
@media (max-width:992px) {    
}
这里说明一下，在写css时，最好明确响应的范围，如果只填一个最大的值或者最小的值，可能会导致代码被覆盖
修改后的代码：
@media (max-width:570px) {    
}
@media (max-width:992px) and (min-width:570px){    
}
我很菜我很菜 ::(阴险)