使用@media查詢，你可以針對不同的媒體類型定義不同的樣式。

@media可以針對不同的屏幕尺寸設(shè)置不同的樣式，特別是如果你需要設(shè)置設(shè)計響應(yīng)式的頁面，@media是非常有用的。

當(dāng)你重置瀏覽器大小的過程中，頁面也會根據(jù)瀏覽器的寬度和高度重新渲染頁面。

@mediascreenand(max-width:300px) {

   body {

        background-color:lightblue;

   }

}