响应式设计是网站设计的一种策略，其首要任务是在具有不同屏幕分辨率和尺寸的各种设备上提供一致的用户体验。用户体验的一致性取决于内容的可访问性和网站的整体功能。
一个响应网站“响应”其屏幕上的环境，也就是重新塑造它的设计和内容，以确保网站的可用性。强调了屏幕尺寸之间的差异，因为正是这些差异决定了网页内容重塑自身的方式。响应式网站能够通过使用三种基于网页设计的工具来实现这种流动性：
媒体查询——媒体查询作为响应式网页设计的基本技术。媒体查询，一个 CSS3 模块，允许根据特定条件调整网页布局。媒体查询以真/假为基础。如果查询为真，则意味着查询中指定的媒体类型与显示内容的设备相匹配。因此，一个网站的格式只有在该网站设计中嵌入的所有媒体查询都被解析为真时才会响应。
流动网格——流动网格 在设计响应式网站时也是必不可少的。网格长期以来一直用于网页设计。然而，由于网格通常以像素（即屏幕大小）为单位来衡量，因此流体网格或响应式网格是以它占据的浏览器空间的百分比来衡量的。这就是为什么流体网格是绝对必要的；不同的屏幕具有不同的像素数量、不同的分辨率等。因此，按像素测量网格的旧方法根本行不通；您的网站将无法在不同设备上查看。
流体图像——流体图像同样重要。 实现图像“流动性”的技术往往略有不同。但通常，像流体网格一样，流体图像基于百分比而不是像素工作。流体图像以相对增量调整大小，最高可达其原始大小的 100%。这可确保图像在其包含元素（浏览器页面的边缘）中始终以正确的大小显示。
尽管许多人正在转向使用较小屏幕的设备来访问互联网，但许多人仍然以相同的方式访问网络内容，即通过浏览器服务而不是使用应用程序。皮尤研究中心最近所做的一项研究，显然表明了响应式设计在当前移动互联网使用量不断增加的环境中的重要性；60% 的移动用户声称更喜欢使用浏览器而不是应用程序。因此，当 Web 开发人员可以通过单个站点实现相同的功能时，他们花费额外的时间来设计移动应用程序是没有意义的。
在网络上不难找到使用响应式设计的网站示例，很多大集团都拥有令人眼花缭乱的响应式网站，并提供刺激的用户体验。响应式网站确实处于网页设计的最前沿，许多大型利益集团已经开始实施响应式策略。
