媒體查詢

媒體查詢可以讓我們根據設備顯示器的特性（如視口寬度、屏幕比例、設備方向：橫向或縱向）為其設定CSS樣式，媒體查詢由媒體類型和一個或多個檢測媒體特性的條件表達式組成。媒體查詢中可用于檢測的媒體特性有 width 、 height 和 color （等）。使用媒體查詢，可以在不改變頁面內容的情況下，為特定的一些輸出設備定制顯示效果。

語法

@

設備類型(默認值為all)

關鍵字

screen 是媒體類型里的一種，CSS2.1定義了10種媒體類型
and 被稱為關鍵字，其他關鍵字還包括 not(排除某種設備)，only(限定某種設備)
(min-width: 400px) 就是媒體特性，其被放置在一對圓括號中。

常見適配范圍

設備范圍

千鋒HTML5學院：HTMLCSS學習筆記（二十）-- 移動端項目準備工作?zhuanlan.zhihu.com

總結

以上是生活随笔為你收集整理的htmlcss实例小项目_HTMLCSS学习笔记（十九）-- 媒体查询的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。