任何人都可以使用弹性框在这里形成的页眉，页脚，主要和左右两侧解释我。
@media all and (min-width: 600px) {
.aside { flex: 1 auto; }
}
@media all and (min-width: 800px) {
.main { flex: 2 0px; }
.aside-1 { order: 1; }
.main { order: 2; }
.aside-2 { order: 3; }
.footer { order: 4; }
}
我无法理解此处使用的两个媒体查询以及它如何帮助创建此布局。当我删除代码时，它全部堆叠。任何人都可以向我解释这两个媒体查询以及它如何帮助实现这种布局。