對(duì)媒體查詢的理解？

媒體查詢是什么？
媒體查詢由一個(gè)可選的媒體類型和零個(gè)或者多個(gè)使用媒體功能的限制了樣式表范圍的表達(dá)式組成，例如寬度，高度和顏色。媒體查詢，添加自css3，允許內(nèi)容的呈現(xiàn)針對(duì)一個(gè)特定范圍的輸出設(shè)備而進(jìn)行裁剪，而不必改變內(nèi)容本身，非常適合web網(wǎng)頁(yè)應(yīng)對(duì)不同的設(shè)備而做出對(duì)應(yīng)的相應(yīng)適配。

如何使用

媒體查詢包含一個(gè)可選的媒體類型和滿足css3規(guī)范的條件下，包含零個(gè)或多個(gè)表達(dá)式，這些表達(dá)式描述了媒體特征，最終被解析為true或者false。如果媒體查詢中指定的媒體類型匹配展示文檔所使用的設(shè)備類型，并且所有的表達(dá)式的只都是true,那么該媒體查詢的結(jié)果為true.那么媒體查詢內(nèi)的樣式就會(huì)生效。

簡(jiǎn)單來說，使用 @media 查詢，可以針對(duì)不同的媒體類型定義不同的樣式。@media 可以針對(duì)不同的屏幕尺寸設(shè)置不同的樣式，特別是需要設(shè)置設(shè)計(jì)響應(yīng)式的頁(yè)面，@media 是非常有用的。當(dāng)重置瀏覽器大小的過程中，頁(yè)面也會(huì)根據(jù)瀏覽器的寬度和高度重新渲染頁(yè)面。