因為螢幕總類越來越多，在 2011年美國設計師 Ethan Marcotte 提出因應「多螢幕時代」的網站改善方案，以流體移動方式來適應螢幕大小調整網頁內容、縮放、重新編排或隱藏部分內容，RWD如今已經成為網頁設計中製作網站時不可逆的開發趨勢與技術概念，這樣的製作概念可以稱為響應式網頁設計(Responsive web design 簡稱 RWD。
大約在2010年之前，網頁設計製作的網站，都是依照固定的尺寸來設計，比如 寬1920px,高920px 類似海報、報紙、書本設計...等，尺寸是無法變動的，但是現在有數十種不同螢幕尺寸規格，如智慧型手機、平板、PC電腦多種螢幕尺寸，都會造成網頁設計中常常因為螢幕尺寸不同而困擾。
RWD響應式網頁設計變得更加重要，是因為行動裝置流量現在占網際網路流量的一半以上。因此，Google 宣布行動裝置時代的到來（Mobilegeddon）（2015年4月21日），如果搜尋行為是來自行動裝置，將會提高對行動裝置友善的網站排名。
RWD 的網站使用CSS3 中的 Media queries，以百分比的概念與液態彈性的編排設計，網頁本身會隨著螢幕的大小去滑動、隱藏、縮放變化，即時產生相對應的改變，好讓瀏覽者可以舒適的瀏覽網站。
在RWD響應式網頁尚未成熟與普及以前，手機板網站也曾經流行一小段時間，但在手機版網站使用上還是有不少的缺陷無法改善，例如需要兩個後台管理等，而現在RWD響應式網頁是用一個網站取代多種螢幕尺寸版本的網站方式，在製作以及管理上相較於簡單，所以手機板網際已慢慢被取代。