详情请看这里：http://webkit.org/specs/MediaQueriesExtensions.html
firefox
firefox也提供一些自己的扩展，不过由于firefox浏览器的手机版现在还很弱，所以很少会用到，感兴趣的同学可以到https://developer.mozilla.org/En/CSS/Media_queries查阅。
max与min
细心的同学可能已经注意到前面用到的这两个关键词，他们是要配合支持它们的属性使用的，它们的意义与我们常用的max-width和minwidth等类似。
各属性对max和min的支持在前面的属性列表中有给出，这里是一个详细的列表：
| height | min-height | max-height |
| device-width | min-device-width | max-device-width |
| device-height | min-device-height | max-device-height |
| aspect-ratio | min-aspect-ratio | max-aspect-ratio |
| device-aspect-ratio | min-device-aspect-ratio | max-device-aspect-ratio |
| color | min-color | max-color |
| color-index | min-color-index | max-color-index |
| Monochrome | min-monochrome | max-monochrome |
| Resolution | min-resolution | max-resolution |
not/only
媒体类型还支持 not和only关键字，它们可以用来更方便的定位某个媒体设备：
not：排除某种制定的媒体类型
@media not print and (color){
}
only：指定某种特定的媒体类型，可以用来排除不支持媒体查询的浏览器：
@media only screen and (color){
}
media query的浏览器支持：
IE 9以下不支持
Firefox 3.5+(Gecko 1.9.1+)支持
Opera 9.5+完全支持
Opera mini 5支持
webkit 支持大部分属性(safari 3.0的内核版本是522，iPhone 1代的safari的内核版本是524，webkit大概从这个时候开始支持media query，但是对部分属性比如projection支持不好)
iPhone OS 3.2之前的版本不支持orientation属性，iPad和iPhone 4支持该属性。
iPhone Safari不支持orientation(iPhone 4支持)
实例：
现在让我们来看一些典型的例子：
检测iPhone safari：
<link media=”only screen and (max-device-width: 480px)” href=”style.css”>
这是apple官方网站推荐的一种定位iPhone safari浏览器的方法，在iPhone一代和2代的时代，这条规则的确能够正确的判断出iPhone的浏览器，但是后来出现了Android的大屏幕手机，比如Nexus One和HTC desire，这条规则也能适配这些480px宽度的机器。
