移动设备的快速普及完全颠覆了Web设计领域。用户不再仅在传统桌面系统上查看Web内容，他们越来越多地使用具有各种尺寸的智能设备。Web设计人员的挑战是确保他们的网站不仅在大屏幕上看起来不错，他们需要确保在小型的屏幕设备以及介于它们之间的各种设备上看起来也显示不错。
媒体查询是向不同设备提供不同样式的一种不错方式，它为每种类型设备的用户提供了最佳的体验。作为CSS3规范的一部分，媒体查询扩展了media属性（控制您的样式应用方式）的角色。例如，多年来人们常常使用一种独立的样式表，通过指定media="print"来打印网页。媒体查询将这一理念提升到了更高层次，允许设计人员基于各种不同的设备属性（比如屏幕宽度、方向等）来确定目标样式。它们显示了相同网页在桌面浏览器中、平板电脑上和iPod touch上查看的效果。
最近某位同事做手机端就用到了媒体查询功能哦。
