什么是媒體
所謂媒體也就是媒介，在CSS中代指各種設(shè)備。他們有很多類型(media type)，如下：
捕獲.PNG
Media Queries能在不同的條件下使用不同的樣式，使頁面在不同在終端設(shè)備下達(dá)到不同的渲染效果。前面簡單的介紹了Media Queries如何引用到項(xiàng)目中，但Media Queries有其自己的使用規(guī)則。具體來說,Media Queries的使用方法如下。
@media 媒體類型and （媒體特性）{你的樣式}
注意：使用Media Queries必須要使用“@media”開頭，然后指定媒體類型（也可以稱為設(shè)備類型），隨后是指定媒體特性（也可以稱之為設(shè)備特性）。媒體特性的書寫方式和樣式的書寫方式非常相似，主要分為兩個部分，第一個部分指的是媒體特性，第二部分為媒體特性所指定的值，而且這兩個部分之間使用冒號分隔。例如：
(max-width: 480px)
從前面表中可以得知，主要有十種媒體類型和13種媒體特性，將其組合就類似于不同的CSS集合。
但與CSS屬性不同的是，媒體特性是通過min/max來表示大于等于或小于做為邏輯判斷，
而不是使用小于（<）和大于（>）這樣的符號來判斷。接下來一起來看看Media Queries在實(shí)際項(xiàng)目中常用的方式。
- 最大寬度max-width
“max-width”是媒體特性中最常用的一個特性，其意思是指媒體類型小于或等于指定的寬度時，樣式生效。如：
@media screen and (max-width:480px){
.ads {
display:none;
}
}
上面表示的是：當(dāng)屏幕小于或等于480px時,頁面中的廣告區(qū)塊（.ads）都將被隱藏。
2.最小寬度min-width
“min-width”與“max-width”相反，指的是媒體類型大于或等于指定寬度時，樣式生效。
@media screen and (min-width:900px){
.wrapper{width: 980px;}
}
上面表示的是：當(dāng)屏幕大于或等于900px時，容器“.wrapper”的寬度為980px。
