媒體查詢（Media Queries）围小，可以根據(jù)不同的媒體情況加載相應(yīng)的樣式昵骤。
有兩種使用方式：
（1）樣式表文件
例如：
<link
rel="stylesheet"
type="text/css"
href="styleA.css"
media="screen and (min-width: 400px)"
>
<u></u>media屬性用來進(jìn)行媒體查詢。
其中肯适，screen表示媒體類型变秦，CSS2.1定義了10種媒體類型。
<u></u>add稱為關(guān)鍵字框舔，其他關(guān)鍵字還有not蹦玫，only等
<u></u>(min-width:400px)表示媒體特性，要加載該樣式表文件雨饺，支持的最小設(shè)備寬度為400px钳垮。
（2）樣式
@media screen and (max-width: 600px) {
.class {
background: #ccc;
}
......
}
表示當(dāng)屏幕尺寸小于600px時(shí)，應(yīng)用包含的樣式额港。
