回响式网站设计(简称RWD)是一种新的网站设计模式，以此构建的网站可自动适应不同的访问设备(从桌面电脑、平板电脑到智慧型手机)，方便用户阅读和导航浏览，减少用户的放大/缩小/滑动操作，从而提供完整而友好的用户体验。
基本介绍
- 中文名：回响式网站设计
- 外文名：RWD
- 属于：一种新的网站设计模式
回响式网站设计有三个关键组成部分：1. media query; 2. 流动格线；3. 灵活缩放的图片。
基于RWD而设计的网站利用CSS3 media queries规则来自动适应不同访问设备的萤幕尺寸和显示要求。而流动格线採用页面元素大小的相对单位(百分比或EM)，而非传统设计使用的绝对单位(像素或点数)，以确定页面各组成元素的大小。最后，图片大小也是採用相对单位而灵活缩放，不至于在小萤幕的移动设备上超出显示区域。