<html>
<head>
<meta charset="utf-8">
<style>
body{
background-color: blue;
}
@media screen and (min-width: 800px)
{
body{
background-color: pink;
}
}
</style>
</head>
<body>
<p>窗口小于480px，背景色改变</p>
</body>
</html>
<!--css3媒体类型：
all:所有设备
print:打印设备
screen:窗口
speech：屏幕阅读器
-->
<!-- 由于多媒体查询的特性，一般可用于作响应式页面，
根据不同的媒体类型加载不同的css文件。 -->
转载于:https://www.cnblogs.com/angle-xiu/p/11278564.html
