媒體查詢

媒體查詢是一個邏輯表示式，它是一種供 CSS、JavaScript、HTML 和其他 Web 語言使用的方法，用於檢查顯示文件的使用者代理或裝置的各個方面，而與文件內容無關，以確定是否應應用相關的程式碼塊或功能。

媒體查詢用於透過 CSS @media 和 @import at-rule 有條件地應用 CSS 樣式，並在 JavaScript 中測試和監視媒體狀態，例如使用 matchMedia() 方法、matches 屬性和 change 事件。媒體查詢用作 <link>、<source> 和 <style> HTML 元素 media 屬性的值，如果媒體查詢為真，則有條件地應用連結、源或樣式。當省略 media 屬性時，它預設為 true。媒體查詢也用作 <img> 元素的 sizes 屬性的值。

媒體查詢由可選的媒體查詢修飾符和媒體型別，以及零個或多個媒體條件，連同邏輯運算子組成。

媒體查詢會根據使用者環境的變化進行重新評估，例如當用戶展開瀏覽器視窗或將移動裝置翻轉到側面時，從縱向變為橫向。

多個用逗號分隔的媒體查詢會建立一個媒體查詢列表。如果其任何組成媒體查詢為真，則媒體查詢列表為真；僅當其所有組成媒體查詢都為假時，才為假。

媒體查詢可以可選地由單個媒體查詢修飾符或 not 或 only 作為字首，在 not 的情況下，它會改變後面媒體查詢的含義。