媒体类型

媒体查询具有可选的 mediatype 参数。此参数直接放在 @media 声明（@media mediatype）之后，例如：

@media print {
    html {
        background-color: white;
    }
}

上面的 CSS 代码将在打印时为 DOM HTML 元素提供白色背景色。

mediatype 参数有一个可选的 not 或 only 前缀，它将样式分别应用于除指定的 mediatype 或仅指定的媒体类型之外的所有内容。例如，以下代码示例将样式应用于除 print 之外的每种媒体类型。

@media not print {
    html {
        background-color: green;
    }
}

同样，只需在屏幕上显示它，就可以使用：

@media only screen {
    .fadeInEffects {
        display: block;
    }
}

使用下表可以更好地理解 mediatype 的列表：