在响应式设计中，有一些专有的术语，理解这些术语对于帮助理解和学习响应式设计至关重要。

1．流体网格

流体网格是一个简单的网格系统，这种网格设计参考了流体设计中的网格系统。将每个网格格子使用百分比单位来控制网格大小。这种网格系统最大的好处是让网格大小随时根据屏幕尺寸大小做出相应的比例缩放。

2．弹性图片

弹性图片指的是不给图片设置固定尺寸，而是根据流体网格进行缩放，用于适应各种网格的尺寸。而实现方法也非常简单，只需要一条代码即可。

img {max-width: 100%;}

不幸的是，这条代码在IE8浏览器中存在严重的问题，图片会失踪。当然弹性图片在响应式设计中如何更好的实现，到目前为止，还存在争议，也还在不断地改善。

3．媒体查询

媒体查询功能在CSS 3中得到了强大的扩展，使用媒体查询功能可以让设计根据用户终端设备适配对应的CSS样式，这也是响应式设计中最为关键的核心。可以说，响应式设计离开了媒体查询功能就失去了它存在的意义。

简单地说，媒体查询功能可以根据设备的尺寸，查询出适配的CSS样式。响应式设计最关注的就是：根据用户所使用设备的当前度，Web页面将加载一个备用的CSS样式，实现特定的页面风格。

4．屏幕分辨率

屏幕分辨率指的是用户使用的设备浏览Web页面时的分辨率，例如智能手机浏览器、平板电脑浏览器和桌面浏览器。响应式设计利用媒体查询功能针对浏览器使用的分辨率来适配对应的CSS样式，因此屏幕分辨率在响应式设计中是很重要的内容，因为只有知道Web页面要在哪种分辨率下显示何种效果，才能调用对应的CSS样式。