媒體查詢

媒體查詢(Media Query)是CSS3新語法

• 使用@media查詢，能夠針對不一樣的媒體類型定義不一樣的樣式
• @media能夠針對不一樣的屏幕尺寸設置不一樣的樣式
• 當重置瀏覽器大小的過程當中，頁面也會根據瀏覽器的寬度和高度從新渲染頁面
• 目前針對不少蘋果手機、Android手機，平板燈設備都用獲得多媒體查詢

語法規範：

@media mediatype and|not|only (media feature) {
  CSS-Code;
}

• 用@media開頭 注意@符號
• mediatype 媒體類型
• 關鍵字 and not only
• media feature 媒體特性 必須有小括號包含