當我們建立網站的時候,我們一般從定義正文開始。正文的定義顯示了你的主欄有多寬,其它幾欄的大小就随它自己内容定義了。直到最近,各種螢幕分辨率或多或少是同質化的。如今,我們要處理各種螢幕尺寸和分辨率。這讓處理變得更複雜。
為了防止給每個可能的螢幕尺寸做不同的層級設計,很多網頁設計師會采用響應式設計網站的概念。一言以蔽之,這是一種網頁布局會自動适應螢幕尺寸的概念。有很多種方法可以定義這種概念。

适應性布局:按步驟調整布局适應有限數量的螢幕尺寸。流體性布局:不斷地調整布局以适應每一種可能的寬度。兩種方式都有優勢和劣勢,我們相信布局适應于很少的合理變化位置是我們要采用的方法,因為可讀性比布局寬度随時和視窗一樣寬來得重要。這是不是一個複雜的問題它本身就值得商榷,但是最優的可讀性需要在文字尺寸上一定數量的控制(欄寬),就此看來,流體式布局會産生更多問題。
已經包含了很多宏觀排版問題(文字大小、行高、欄寬)。于是響應式設計已然在很多方面包含了響應式排版。在我們自己網站上第一次發表關于響應式字型的文章主要針對我們使用的”階段字型”。現在要快速在螢幕上進入響應式宏觀排版的問題。
從今年開始,響應式網頁設計逐漸流行開來,雖然很熱門,但是并沒有太多網站采用這類的設計方式。