早期的网页设计预设对象大多以一般家用电脑或笔记型电脑的浏览者为主,所以在制作网页时会以此规格为预计页面的大小,然而随着平板电脑及智慧型手机的普及,传统的网页设计方式已无法满足所有的网页浏览装置,使用画面较小的平板或智慧型手机来浏览传统设计的网页时,将会因为页面宽度过宽而导致浏览者在浏览页面时的不便,因此为了满足手机浏览者的需求,一般在进行网站制作时通常会再另外制作「手机版」的网站,以满足这些族群的需求,然而手机版网站虽然可以解决大多数手机浏览网页者的不便,但对于花钱进行网站建置的企业来说,将额外增加一个网站建置的成本。
为解决这样的窘境,现在有越来越多的企业选择使用「响应式网页设计(Responsive Web Design)简称RWD」的技术来制作网站。RWD又称自适应网页设计、多萤式网页设计或回应式网页设计,简单来说就是网页会自已随着浏览者的网页浏览装置解析度的大小,自动变化网页的宽度及页面配置,让浏览者能以最适合阅读的格式呈现。
RWD网页原理是使用CSS3以百分比的方式来进行网页画面的设计,让网页在不同解析度下浏览时,能自动改变网页页面的布局排版,因为此技术解决了目前智慧型手机及平板电脑浏览网页的不便,所以RWD网页设计开发技术已成了新一代的网页设计趋势。