1.媒體查詢讓css可以更精確作用域不同媒體型別和同一媒體的不同條件 ；可以使用max或min表示“大於等於”，“小於等於”；可以用在css中的@media和@import規則上也可用在html和xml中

@media screen and (width:600px){…}

@import url('demo.css') screen and (width:600px)

<link media="screen and (width:600px)" rel="" href="">

<?xml-stylesheet media="screen and (width:600px)" rel="" href="">

2.使用在css中，基本格式@media  media_query,media_query…

media_query：  [only | not]? media_type(媒體型別) and expression（表示式）

3.媒體型別 常用

• all  用於所有媒體裝置（所有瀏覽器都相容）
• screen 用於計算即顯示器（所有瀏覽器都相容）
• tv  用於電視類裝置
• print  用於印表機
• handheld  小型或手持裝置
• projection  投影影象如幻燈片

3.媒體特性 常用

• width/height  輸出裝置中頁面可見區域寬度/高度
• device-width/device-height  輸出裝置中螢幕可見寬度/高度
• orientation portrait  |  landscape   height大於等於width是前者
• aspect - radio    width與height比率
• device-aspect-ratio  device-width與 device-height比率
• color 引數整數數字，定義每組輸出裝置的彩色原件個數，不是彩色裝置值為0
• resolution 引數解析度，定義裝置解析度，如96dpi
• grid 引數1或0，用來查詢輸出裝置是否使用柵格或點陣，只有1和0才是有效值，1代表是，0代表否

本文參考css手冊