CSS中的媒體類型mediatype_html/css

madia type作用

首先要明白一點，我們平時寫的HTML頁面，可能在不同的媒體類型中顯示，如可能顯示在屏幕sreen上，也可能顯示在紙質print上。那么當頁面在不同的媒體類型中顯示時，需要的樣式可能是不一樣的。比如，一般在screen上顯示時，頁面字體要大一些，在紙質媒體顯示時，頁面字體要小一些。那么如何告訴別人某個樣式是適用于何種媒體類型的呢？這就要靠聲明media type來實現了。

如何聲明media type

常用媒體類型有：all，screen，print，handled，speech等；

注意媒體類型是大小寫敏感的，只能是小寫；

當瀏覽器遇到錯誤的媒體類型，或者不存在的媒體類型，就會忽略此媒體類型的存在，如：

@media screen, 3D { P { color: green; }}

@media screen { P { color: green; }}

如何為樣式聲明媒體類型，見如下示例代碼：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com