css2中的media type属性，用于判断媒体类型。而在css3中新增了 media query属性用于增强media type属性。media query属性的是media type属性的增强功能，使media type可以进行条件判断输出对应的css。
media query的使用方法
一、判断媒体类型，引用不同的样式表
<link rel=”stylesheet” media=”screen and (判断条件)” herf=”需要调用的样式表文件” />
通过设定屏幕的判断条件，调用对应的css文件。该实例多用于整页面不同风格的css调用与选取，使用该方法可能需要为一个页面制作多份个css文件。
二、判断媒体类型，执行不同的css样式属性
@media screen and (max-width:240px){
.box{width:200px;}
.title{color:red;}
}
您的赞助将会支持作者创作及本站运维
发表评论