1绎谦、什么是媒體查詢缓窜？
媒體查詢可以讓我們根據(jù)設備顯示器的特性（如視口寬度定续、屏幕比例、設備方向：橫向或縱向）為其設定CSS樣式禾锤，媒體查詢中可用于檢測的媒體特性有 width 私股、 height 和 color （等）。使用媒體查詢恩掷，可以在不改變頁面內(nèi)容的情況下倡鲸，為特定的一些輸出設備定制顯示效果。
2黄娘、媒體查詢與彈性盒布局的適用情況
媒體查詢：當頁面的結構發(fā)生變化的話最好使用媒體查詢峭状。
彈性盒：如果只是寬高的變化，盡量使用彈性盒
3逼争、三欄布局--》兩欄布局--》一欄布局
<style>
@media screen and (min-width:1100px){ /*三欄布局*/
.box1{width: 100px;} /*沒有寫高度优床，由內(nèi)容撐起來*/
.box2{flex:1; }
.box3{width: 100px;}
}
@media screen and (min-width:800px) and (max-width:1100px){ /*二欄布局*/
.box1{width: 100px;}
.box2{flex:1; }
.box3{width: 100%;}
}
@media screen and (max-width:800px) { /*一欄布局*/
.box1,.box2,.box3{width: 100%;}
}
</style>
