這篇文章給大家分享的是有關什么是媒體查詢的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

創新互聯專注于涉縣企業網站建設,響應式網站設計,商城系統網站開發。涉縣網站建設公司,為涉縣等地區提供建站服務。全流程按需網站設計，專業設計，全程項目跟蹤，創新互聯專業和態度為您提供的服務

                                                           

學習媒體查詢的核心是什么?

實現頁面在不同設備下正常預覽 [判斷當前設備]

媒體類型

將不同的設備劃分為不同的類型

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) {}

感謝各位的閱讀！關于什么是媒體查詢就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

當前文章：什么是媒體查詢-創新互聯
本文網址：http://vcdvsql.cn/article14/jiide.html

成都網站建設公司_創新互聯，為您提供域名注冊、外貿網站建設、動態網站、網站收錄、ChatGPT、微信公眾號

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯