CSS媒體標(biāo)簽定義了一個(gè)樣式表在不同設(shè)備和媒體類型下應(yīng)如何呈現(xiàn)。它允許開發(fā)者根據(jù)瀏覽設(shè)備的大小、分辨率、方向和屏幕顏色等特征來動(dòng)態(tài)修改頁面的樣式。

下面是一些常見的CSS媒體標(biāo)簽：

/* 檢測瀏覽器窗口是否小于或等于 800 像素 */
@media screen and (max-width: 800px) {
body {
background-color: lightblue;
}
}
/* 檢測瀏覽器是否為打印模式 */
@media print {
body {
font-size: 12pt;
}
}
/* 檢測設(shè)備是否為橫向模式 */
@media screen and (orientation: landscape) {
body {
background-color: lightgreen;
}
}

上面的代碼中，我們使用了 @media 媒體查詢語法，并指定了不同的媒體類型和設(shè)備特性。當(dāng)瀏覽器窗口小于或等于 800 像素時(shí)，背景顏色為 lightblue。當(dāng)瀏覽器為打印模式時(shí)，字體大小為 12pt。當(dāng)設(shè)備為橫向模式時(shí)，背景顏色為 lightgreen。

可以使用媒體標(biāo)簽來優(yōu)化響應(yīng)式設(shè)計(jì)和多設(shè)備兼容性，例如，你可以根據(jù)不同的設(shè)備類型和屏幕尺寸來設(shè)計(jì)適合每個(gè)屏幕的布局和設(shè)計(jì)。媒體標(biāo)簽還可以用于隱藏?zé)o用的 HTML 元素，例如在打印時(shí)隱藏導(dǎo)航欄和頁腳。

總之，CSS媒體標(biāo)簽是一個(gè)非常有用的工具，可以優(yōu)化你的網(wǎng)站在各種設(shè)備和媒體類型下的顯示。使用它可以使你的網(wǎng)站更加靈活、適應(yīng)性強(qiáng)，同時(shí)還可以提升用戶體驗(yàn)。