css3 响应式布局的坑

在响应式布局的时候，由于不太熟练浮动布局，所以就用css3最新的弹性盒布局和网格布局来做，在做响应式的时候遇到了有点坑。

之前的代码：

@media (max-width:570px) {
    
    
}
@media (max-width:992px) {

    
}

这里说明一下，在写css时，最好明确响应的范围，如果只填一个最大的值或者最小的值，可能会导致代码被覆盖

修改后的代码：

@media (max-width:570px) {
    
    
}
@media (max-width:992px) and (min-width:570px){

    
}

我很菜我很菜 ::(阴险)