溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關什么是媒體查詢的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
學習媒體查詢的核心是什么?
實現頁面在不同設備下正常預覽 [判斷當前設備]
媒體類型
將不同的設備劃分為不同的類型
all (所有的設備)
print (打印設備)
screen (電腦屏幕,平板電腦,智能手機)
媒體特性
用來描述設備的特點,比如寬度,高度...
width 網頁顯示區域完全等于設置的寬度
height 網頁顯示區域完全等于設置的高度
max-width / max-height 網頁顯示區域小于等于設置的寬度
min-width / min-width 網頁顯示區域大于等于設置的寬度
orientation: portrait (豎屏模式) | landscape (橫屏模式)
語法關鍵字
目的將媒體類型和媒體特性鏈接到一塊,進行設備檢測
and 可以將多個媒體特性鏈接到一塊,相當于且
not 排除某個媒體特性 相當于非,可以省略
only 指定某個特定的媒體類型, 可以省略
語法
外聯式語法
<link rel="stylesheet" type="text/css" href="01.css" media="only screen and (max-width: 420px)">
- 內嵌式語法
@media only screen and (max-width: 420px) {
body {
background-color: red;
}
}
備注: 多個條件聯寫
@media only screen and (width: 320px) and (height: 568px) {}感謝各位的閱讀！關于什么是媒體查詢就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
