你用了，就知道它的好處，如果沒(méi)有它，響應(yīng)式的實(shí)現(xiàn)肯定會(huì)很難的,

媒體查詢?cè)贑SS3中得到了強(qiáng)大的擴(kuò)展。使用這個(gè)屬性可以讓你的設(shè)計(jì)根據(jù)用戶終端設(shè)備適配對(duì)應(yīng)的樣式。這也是響應(yīng)式設(shè)計(jì)中最為關(guān)鍵的?？梢哉f(shuō)Responsive設(shè)計(jì)離開(kāi)了Medial Queries就失去了他生存的意義。簡(jiǎn)單的說(shuō)媒體查詢可以根據(jù)設(shè)備的尺寸，查詢出適配的樣式。Responsive設(shè)計(jì)最關(guān)注的就是：根據(jù)用戶的使用設(shè)備的當(dāng)前寬度，你的Web頁(yè)面將加載一個(gè)備用的樣式，實(shí)現(xiàn)特定的頁(yè)面風(fēng)格。

Responsive即響應(yīng)式布局，為的就是在不同大小分辨率的屏幕上顯示出該網(wǎng)頁(yè)不同的表現(xiàn)。而Media Queries就是Responsive的工具之一，可以對(duì)設(shè)備大小進(jìn)行判斷從而調(diào)用不同的樣式。