媒體查詢(Media Query)是CSS3新語法
- 使用@media查詢,能夠針對不一樣的媒體類型定義不一樣的樣式
- @media能夠針對不一樣的屏幕尺寸設置不一樣的樣式
- 當重置瀏覽器大小的過程當中,頁面也會根據瀏覽器的寬度和高度從新渲染頁面
- 目前針對不少蘋果手機、Android手機,平板燈設備都用獲得多媒體查詢
語法規範:
@media mediatype and|not|only (media feature) {
CSS-Code;
}
- 用@media開頭 注意@符號
- mediatype 媒體類型
- 關鍵字 and not only
- media feature 媒體特性 必須有小括號包含