《CSS in depth》第八章 响应式设计
响应性设计：维护一份HTML/CSS, 根据用户浏览器视口的大小或者屏幕分辨率，让内容有不同的渲染结果。
响应式设计的三大原则：移动优先，@media规则，流式布局。
关于媒体查询：
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { … }
这种方式兼容了所有现代浏览器。当你想在高分辨率的屏幕上提供更高清的图片或者图标时，可以用这种方法。
媒体类型：print/screen, print控制打印网页的样式。
