【编者按】《移动Web手册（双色）》主要讲解了移动Web开发核心要点，及与传统PC网站开发的不同之处。适合前端开发工程师，对移动Web开发感兴趣的手机App开发工程师以及测试工程师阅读学习 。下面节选了该书中关于“媒体查询”的精彩内容。
媒体查询
（本文）将系统地学习媒体查询。媒体查询其实就是CSS的if语句。如果宽度为800px或更宽，如果是横屏，如果分辨率是1.5dppx或更小：使用这些CSS声明。
媒体查询有以下三种类型。
媒介类型查询：这是什么类型的设备。
视口相关的媒体查询——这一部分的核心。
特性相关媒体查询：浏览器是否支持特性X？
这一部分讨论的媒体查询只对整个页面起作用。但是，对元素使用媒体查询的想法浮出了水面。它们会根据特定元素而不是整个页面的宽度或高度做出反应。这对Twitter或Facebook的组件等会有很大帮助。虽然在写这本书的时候，元素媒体查询还没有被支持，甚至在语法和作用域上还没有达成一致，但这是一个很好的想法，我希望它们最终会被实现。
