响应式网页设计(英语:Responsivewebdesign,通常缩写为 RWD),或称自适应网页设计、回应式网页设计、对应式网页设计。

是一种网页设计的技术做法,该设计可使网站在不同的装置(从桌面计算机显示器到行动电话或其他移动产品装置)上浏览时对应不同解析度皆有适合的呈现,减少使用者进行缩放、平移和滚动等操作行为。

对于 WordPress 外贸网站设计师和前端工程师来说,有别于过去需要针对各种装置进行不同的设计,使用此种设计方式将更易于维护网页。

此概念于 2010 年 5 月由国外著名网页设计师 EthanMarcotte 所提出。

采用 RWD 设计的网站使用 CSS3Mediaqueries,即一种对 @media 规则的扩充套件,以及流式的基于比例的网格 [9] 和自适应大小的影像以适应不同大小的装置: 流式网格概念要求页面元素使用相对单位如百分比或字型排印学调整大小,而不是绝对的单位如画素或点。

灵活的影像也以相对单位调整大小(最大到 100%),以防止它们显示在包含它们的元素外面。

Mediaqueries 允许网页根据访问站点装置的特点而使用不同 CSS 样式规则,最常用的是浏览器的宽度。

响应式网页设计变得更加重要,因为移动流量现在占互联网流量的一半以上。

因此,谷歌宣布移动装置时代的到来(Mobilegeddon)(2015 年 4 月 21 日),并开始提高移动友好的网站的评级,如果搜索是被从一个移动装置发起。