免费AI编程助手
CSS 媒体类型
2018-10-31 11:48 更新
@media CSS规则关联一组嵌套语句。
语法
以下代码显示如何使用CSS @media规则。
@media <media-query> {
/* media-specific rules */
}
media-query由媒体类型和/或多个媒体特征组成。
媒体类型
- all - 适用于所有设备。
- print - 在打印预览模式下在屏幕上查看。
- screen - 彩色电脑屏幕。
- speech - 用于语音合成器。
例子
以下代码显示如何使用媒体类型。
<!DOCTYPE html>
<html>
<head>
<style>
@media screen {
h2 {
font-family: verdana,sans-serif;
font-size: 14px;
}
}
@media print {
h2 {
font-size: 20px;
color: red;
}
}
</style>
</head>
<body>
<h2>The @media Rule</h2>
</body>
</html>以上内容是否对您有帮助：
← CSS 伪类
更多建议：